dl_bubble 0.0.1 dl_bubble: ^0.0.1 copied to clipboard
气泡 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,
),
),
],
),
))