dl_bubble 0.0.1

气泡 widget

dl_bubble

气泡组件

demo 运行示例图

Getting Started

import 'package:dl_bubble/dl_bubble.dart';

SafeArea(
          child: Container(
        padding: const EdgeInsets.only(top: 50, left: 10, right: 10),
        child: Wrap(
          spacing: 30,
          runSpacing: 20,
          children: <Widget>[
            DLBadge(
              text: '1',
              textStyle: const TextStyle(fontSize: 18, color: Colors.white),
              badgeTextPadding: const EdgeInsets.all(10),
              positionedRight: -15,
              positionedTop: -20,
              child: Container(
                width: 100,
                height: 100,
                color: Colors.black,
              ),
            ),
            DLBadge(
              number: 18,
              child: Container(
                width: 50,
                height: 50,
                color: Colors.black,
              ),
            ),
            DLBadge(
              number: 100,
              child: Container(
                width: 100,
                height: 100,
                color: Colors.black,
              ),
            ),
            DLBadge(
              text: '利口酒',
              child: Container(
                width: 100,
                height: 100,
                color: Colors.black,
              ),
            ),
            DLBadge(
              text: '',
              child: Container(
                width: 60,
                height: 60,
                color: Colors.black,
              ),
            ),
          ],
        ),
      ))