extend_gesture_area

Last updated:

0 purchases

extend_gesture_area Image
extend_gesture_area Images
Add to Cart

Description:

extend gesture area

This package allows you to process gestures even if they were outside the widget (with a given padding),
without changing widget size
Usage #


Wrap gesture widget with ExtendGestureAreaConsumer and set gesturePadding
import 'package:extend_gesture_area/extend_gesture_area.dart';

ExtendGestureAreaConsumer(
gesturePadding: 30,
child: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: const Icon(Icons.add),
),
),
copied to clipboard


Wrap parent with ExtendGestureAreaDetector.
Note: Parent should contain gesture widget and area around it (gesturePadding)
import 'package:extend_gesture_area/extend_gesture_area.dart';

@override
Widget build(BuildContext context) {
// Wrap Scaffold, because this widget is a parent of FloatingActionButton
// and owns area around it
return ExtendGestureAreaDetector(
child: Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [


const Text(
'You have pushed the button this many times:',
),
Text(
'$_counter',
style: Theme
.of(context)
.textTheme
.headlineMedium,
),
],
),
),
floatingActionButton: ExtendGestureAreaConsumer(
gesturePadding: 30, // set gesture padding
child: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: const Icon(Icons.add),
),
),
),
);
}
copied to clipboard

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.