Badge 徽标
代码演示
基本用法
dart
Badge(content: 5, child: cube),
Badge(content: 10, child: cube),
Badge(content: "Hot", child: cube),
Badge(dot: true, child: cube),
最大值
dart
Badge(max: 9, content: 10, child: cube),
Badge(max: 20, content: 21, child: cube),
Badge(max: 99, content: 100, child: cube),
徽标颜色
dart
Badge(
color: const Color.fromRGBO(25, 137, 250, 1),
content: 5,
child: cube,
),
徽标图标
dart
Badge(content: VanIcons.success, child: cube),
Badge(content: VanIcons.fail, child: cube),
Badge(content: VanIcons.down, child: cube),
API
Props | 类型 | 描述 |
---|---|---|
content | num | Widget | IconData | String | 内容 |
max | int | 最大数字 |
howZero | bool | content 为 0 时,是否仍然显示 |
color | Color | 颜色 |
dot | bool | 显示小红点 |