Tooltip

A tooltip displays information related to a widget when focused, hovered over, and/or long pressed.

Usage

FTooltip(...)

FTooltip(
  controller: _controller, // FTooltipController
  hover: true,
  longPress: true,
  tipAnchor: Alignment.bottomCenter,
  childAnchor: Alignment.topCenter,
  shift: FPortalFollowerShift.flip,
  tipBuilder: (context, style, _) => const Text('Tooltip'),
  child: const Placeholder(),
);

Examples

Horizontal Alignment

You can change how the tooltip is aligned to the button.

Long Press Only