widget_tooltip 1.1.3 copy "widget_tooltip: ^1.1.3" to clipboard
widget_tooltip: ^1.1.3 copied to clipboard

Widget Tooltip is a Flutter package that provides a tooltip widget that can be used to display a tooltip on any widget

Widget Tooltip #

A highly customizable tooltip widget for Flutter applications that provides rich functionality for displaying tooltips with various trigger modes, dismiss behaviors, and styling options.

pub package likes popularity pub points

Features #

  • 🎯 Multiple Trigger Modes

    • Tap
    • Long Press
    • Double Tap
    • Manual Control
  • 🎨 Customizable Appearance

    • Custom Colors
    • Adjustable Size
    • Flexible Styling
    • Custom Decorations
  • 📍 Smart Positioning

    • Automatic Edge Detection
    • Multiple Directions (Top, Bottom, Left, Right)
    • Customizable Padding and Offset
    • Axis Control (Vertical/Horizontal)
  • 🎮 Flexible Control

    • Built-in Controller
    • Show/Hide Callbacks
    • Custom Dismiss Behaviors
    • Event Handling

Installation #

Add Widget Tooltip to your pubspec.yaml:

dependencies:
  widget_tooltip: ^1.0.0  # Replace with the latest version

Or run:

flutter pub add widget_tooltip

Usage #

import 'package:widget_tooltip/widget_tooltip.dart';

// Basic usage
WidgetTooltip(
  message: Text('Hello World!'),
  child: Icon(Icons.info),
)

// Customized tooltip
WidgetTooltip(
  message: Text(
    'Styled tooltip',
    style: TextStyle(color: Colors.white),
  ),
  child: Icon(Icons.help),
  triggerMode: WidgetTooltipTriggerMode.tap,
  direction: WidgetTooltipDirection.top,
  messageDecoration: BoxDecoration(
    color: Colors.blue,
    borderRadius: BorderRadius.circular(8),
    boxShadow: [
      BoxShadow(
        color: Colors.black.withOpacity(0.2),
        blurRadius: 4,
        offset: Offset(0, 2),
      ),
    ],
  ),
  messagePadding: EdgeInsets.symmetric(
    horizontal: 16,
    vertical: 8,
  ),
)

Platform Support #

  • ✅ Android
  • ✅ iOS
  • ✅ Web
  • ✅ Windows
  • ✅ macOS
  • ✅ Linux

Requirements #

  • Flutter SDK: >=3.0.0
  • Dart SDK: >=3.0.0

Why Widget Tooltip? #

Flutter's built-in Tooltip widget is great for simple use cases, but when you need more control over the appearance and behavior of your tooltips, Widget Tooltip provides:

  • Rich Customization: Full control over the tooltip's appearance, including custom widgets as content
  • Smart Positioning: Automatically adjusts position to stay within screen bounds
  • Multiple Triggers: Choose from various trigger modes or implement manual control
  • Flexible Dismiss Behavior: Configure how tooltips are dismissed based on your needs
  • Controller Support: Programmatically control tooltip visibility
  • Callback Support: React to tooltip show/hide events

Documentation #

For detailed documentation and examples, visit our documentation site.

License #

This project is licensed under the MIT License - see the LICENSE file for details.

14
likes
160
points
697
downloads

Publisher

unverified uploader

Weekly Downloads

Widget Tooltip is a Flutter package that provides a tooltip widget that can be used to display a tooltip on any widget

Homepage
Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on widget_tooltip