balloon_tip 0.0.1-beta.1

A multi directional tooltip used to display any content with inbuilt support for scroll views that can be wrapped on any widgets that you like.

example/lib/main.dart

import 'dart:developer';

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

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Balloon Tip Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    const balloonTipContent = Text(
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vel mauris velit.",
      style: TextStyle(
        fontSize: 14,
        height: 1.5,
        fontWeight: FontWeight.w300,
        color: Colors.white,
      ),
    );

    return Scaffold(
      body: Center(
        child: BalloonTip(
          arrowPosition: ArrowPosition.bottomCenter,
          content: balloonTipContent,
          onDismiss: () {
            log("on back pressed");
          },
          child: FloatingActionButton.small(
            onPressed: () {},
            backgroundColor: Colors.pinkAccent,
            child: const Icon(
              Icons.favorite,
              color: Colors.white,
            ),
          ),
        ),
      ),
    );
  }
}