This package extends Tooltip option, giving the option to pass a Widget as tooltip.
This package uses Overlay to build the tooltip.
Dart Tooltip normally only accepts String or TextSpan, with this package you can extend this functionality by passing a Widget.
The tooltip position is calculated by checking the widget size and position relative to the screen.
Usage
go to /example
folder to more examples
ExtendedToolTip(
horizontalPosition: ExtendedTooltipPosition.left,
message: Container(
width: 200,
height: 200,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: Colors.red,
),
child: const Center(child: Text('My custom Message')),
),
child: Text(
'ExtendToolTip Example',
style: Theme.of(context).textTheme.headlineMedium,
),
ExtendedToolTip(
message: IconButton(
onPressed: () {
setState(() {
value++;
});
},
icon: const Icon(Icons.add),
),
child: Text('tooltip interaction $value'),
),
Tested on
- windows
- web
Need to test on other plataforms