popup_widget 0.1.3

popup_widget A pop-up bubble text component, lightweight, easy to use.

example/lib/main.dart

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'PopupWidget Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('PopupWidget'),
      ),
      body: Center(
        child: RichText(
          textAlign: TextAlign.right,
          maxLines: 1,
          text: TextSpan(
            style: TextStyle(color: Color(0xFF333333), fontSize: 15),
            children: [
              TextSpan(text: "Lord"),
              WidgetSpan(
                child: PopupWidget(
                  child: Icon(Icons.help_outline, size: 16, color: Colors.blue),
                  text: "Lord, I'm one, Lord",
                  contentSize: Offset(16, 16),
                ),
              ),
              TextSpan(text: "I'm five hundred miles away from home"),
              WidgetSpan(
                child: PopupWidget(
                  child: Icon(Icons.mood, size: 16, color: Colors.blue),
                  text: "away from home, away from home",
                  bgColor: Colors.white,
                  textColor: Colors.blue,
                  isShadow: true,
                  contentSize: Offset(16, 16),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}