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'),
);