balloon_tip

balloon_tip gives you more flexibility over the Flutter standard Tooltip by allowing you to set arbitrary content. It also expands on their single axis layout algorithm to fit both vertically and horizontally. The tooltip can be positioned along any axis and importantly can be used inside scroll views.

Features

  • Easy creation of multi directional overlay tooltips
  • Algorithm automatically calculates where the tool tip has to be positioned wrt child provided
  • Opportunity to hide the tooltip programmatically
  • The tooltip works in lists and follow the target through scrolling (LFG)
  • No external dependencies

Getting Started

Add this to your package's pubspec.yaml file:

dependencies:
  balloon_tip:  ^0.0.2

Now in your Dart code, you can use:

import 'package:balloon_tip/balloon_tip.dart';

To add the UI is as simple as:

BalloonTip(
      arrowPosition: ArrowPosition.bottomCenter,
      content: Text(
                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vel mauris velit. Maecenas convallis sapien non pharetra viverra. Maecenas tristique purus at aliquam convallis. Nam vestibulum ipsum sem. In scelerisque massa at iaculis tempor.",
                  style: TextStyle(
                  fontSize: 14,
                  height: 1.5,
                  fontWeight: FontWeight.w300,
                  color: Colors.white,
                ),
              ),
      child: FloatingActionButton.small(
        onPressed: () {},
        backgroundColor: Colors.pinkAccent,
        child: const Icon(Icons.favorite),
  ),
),

Contributing

Issues and PRs welcome. Unless otherwise specified, all contributions to this lib will be under MIT license.

Libraries

balloon_tip