easy_tooltip

An easy to integrate flutter library to create modern tooltip with customized content. Mobile supported tooltip allows you to dislay text popup with a transparent overlay and dimiss the bubble by tapping anywhere of the screen. Compatible to flutter web but hover feature is not yet suppored.

easy_tooltip

Getting started

To add the UI as simple as:

EasyTooltip(
  content: 'hello world',
  child: Icon(Icons.info_outlined),
),

Advanced Usage

Attribute Description Default
text required display text of the tooltip null
child required clickable child of the tooltip null
width maximum width of the tooltip 200
arrowHeight Height of the arrow 10
borderRadius Border Radius of the bubble radius 10
backgroundColor Background color of the tooltip blue
padding Padding of the text content of bubble symmetric 8, 10
textStyle Text style of display text white, normal
onDismiss Callback when the tooltip show and dismiss null
onEasyTooltipTap Callback when the tooltip child tapped null 
EasyTooltip(
  text: 'hello world! hello world!hello world!hello world!hello world!hello world!hello world!hello world!',
  bubbleWidth: 300,
  padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
  backgroundColor: const Color(0xFF385E9D),
  onEasyTooltipTap: () {
    debugPrint('child is tapped.');
  },
  onDismiss: () {
    debugPrint('tooltip is dismissed');
  },
  child: const Icon(Icons.info_outlined),
)

Libraries

easy_tooltip