el_tooltip 2.2.1

ElTooltip, a smart positioned tooltip. Use it to display a widget inside a tooltip that you can personalize.

example/lib/main.dart

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

void main() {
  const tooltipContent = Text(
    'Hola Mundo!',
    style: TextStyle(color: Colors.white),
    textAlign: TextAlign.center,
  );

  const tooltipIcon = Icon(
    Icons.info,
    color: Color(0XFFA5A53A),
  );

  runApp(
    MaterialApp(
      title: 'ElTooltip Demo',
      theme: ThemeData(
        appBarTheme: const AppBarTheme(color: Color(0XFFA5A53A)),
        scaffoldBackgroundColor: const Color(0XFFFFF8C7),
      ),
      home: Scaffold(
        appBar: AppBar(title: const Text('ElTooltip Demo')),
        body: const SafeArea(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Row(
                children: [
                  ElTooltip(
                    content: tooltipContent,
                    color: Color(0XFFEA4747),
                    child: tooltipIcon,
                  ),
                  Spacer(),
                  ElTooltip(
                    content: tooltipContent,
                    color: Color(0XFFEA4747),
                    child: tooltipIcon,
                  ),
                  Spacer(),
                  ElTooltip(
                    content: tooltipContent,
                    color: Color(0XFFEA4747),
                    child: tooltipIcon,
                  ),
                ],
              ),
              Row(
                children: [
                  ElTooltip(
                    content: tooltipContent,
                    color: Color(0XFFEA4747),
                    child: tooltipIcon,
                  ),
                  Spacer(),
                  ElTooltip(
                    content: tooltipContent,
                    color: Color(0XFFEA4747),
                    child: tooltipIcon,
                  ),
                  Spacer(),
                  ElTooltip(
                    content: tooltipContent,
                    color: Color(0XFFEA4747),
                    child: tooltipIcon,
                  ),
                ],
              ),
              Row(
                children: [
                  ElTooltip(
                    content: tooltipContent,
                    color: Color(0XFFEA4747),
                    child: tooltipIcon,
                  ),
                  Spacer(),
                  ElTooltip(
                    content: tooltipContent,
                    color: Color(0XFFEA4747),
                    child: tooltipIcon,
                  ),
                  Spacer(),
                  ElTooltip(
                    content: tooltipContent,
                    color: Color(0XFFEA4747),
                    child: tooltipIcon,
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
    ),
  );
}