balloon_tip

Description:

balloon tip

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
copied to clipboard
Now in your Dart code, you can use:
import 'package:balloon_tip/balloon_tip.dart';
copied to clipboard
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),
),
),
copied to clipboard
Contributing #
Issues and PRs welcome. Unless otherwise specified, all contributions to this lib will be under MIT license.