Tappable
An area that responds to touch.
This widget is typically used to create other high-level widgets, i.e. button. You should prefer those high-level widgets unless you’re creating a custom widget.
Usage
FTappable(...)
const FTappable(
semanticLabel: 'Label',
semanticSelected: false,
excludeSemantics: false,
this.autofocus: false,
focusNode: FocusNode(),
onFocusChange: (focused) {},
touchHoverEnterDuration: const Duration(milliseconds: 200),
touchHoverExitDuration: Duration.zero,
behavior: HitTestBehavior.translucent,
onPress: () {},
onLongPress: () {},
builder: (context, state, child) => child!,
child: const Text('Tappable'),
);
FTappable.animated(...)
const FTappable.animated(
semanticLabel: 'Label',
semanticSelected: false,
excludeSemantics: false,
this.autofocus: false,
focusNode: FocusNode(),
onFocusChange: (focused) {},
touchHoverEnterDuration: const Duration(milliseconds: 200),
touchHoverExitDuration: Duration.zero,
behavior: HitTestBehavior.translucent,
onPress: () {},
onLongPress: () {},
builder: (context, state, child) => child!,
child: const Text('Tappable'),
);