smart_tooltip - Dart API docs

A flexible and customizable tooltip widget for Flutter applications. The smart_tooltip package allows you to display tooltips with rich content, custom styling, and dynamic positioning.

Features

Customizable Tooltip Appearance: Adjust the color, font, size, and shape of the tooltip.
Interactive Tooltips: Support for displaying complex content such as widgets, images, and text within tooltips.
Customizable Trigger Events: Show tooltips on hover, tap, or focus, with easy-to-use event listeners.
Positioning Flexibility: Display tooltips relative to any widget with automatic placement adjustments.

Examples

The advanced tooltip can display custom widgets, allowing you to fully personalize the content inside the tooltip.

Tooltip with Custom Widgets

The simple tooltip displays text content with a customizable background color, border, and position.

Simple Tooltip with Text

Getting Started

To use the smart_tooltip package in your Flutter project:

Add the package to your pubspec.yaml file:
```
dependencies:
  smart_tooltip: ^0.0.16
```
Run flutter pub get to install the dependencies.

Import the package into your Dart file:

import 'package:smart_tooltip/smart_tooltip.dart';

Usage Here’s an example of how to use CustomTooltip:

import 'package:flutter/material.dart';
    import 'package:smart_tooltip/smart_tooltip.dart';

    void main() {
    runApp(MyApp());
    }

    class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return MaterialApp(
        home: Scaffold(
            appBar: AppBar(title: Text('Smart Tooltip Example')),
            body: Center(
            child: SmartTooltip(
                borderColor: Colors.black,
                message: 'This is a tooltip!',
                child: ElevatedButton(
                onPressed: () {},
                child: Text('Hover over me'),
                ),
            ),
            ),
        ),
        );
    }
    }

5.Custom Tooltip with Simple Text:

        SmartTooltip(
        borderColor: Colors.black,
        message: 'Here is a custom tooltip!',
        child: Icon(Icons.info),
            ),
5.Custom Tooltip with Custom Widget:
```yaml           
        SmartTooltipWithWidget(
              // border radius of the tooltip soul be equal to the border radius of the content widget widget if any
              borderRadius: 10,
              tooltipContent: Container(
                height: 100,
                width: 100,
                decoration: BoxDecoration(
                  color: Colors.black,
                  borderRadius: BorderRadius.circular(10),
                ),
                child: const Text('Hello'),
              ),
              borderColor: const Color(0xFF04A777),
              position: TooltipPosition.top,
              child: const Icon(
                Icons.ac_unit,
                size: 50,
                color: Color(0xFF04A777),
              ),
            ),

Smart Tooltip for Flutter

Features

Example 1: Tooltip with Custom Widgets

Example 2: Simple Tooltip with Text

Getting Started

Libraries

smart_tooltip package