Skip to content
On this page

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类型描述
contentnum | Widget | IconData | String内容
maxint最大数字
howZeroboolcontent 为 0 时,是否仍然显示
colorColor颜色
dotbool显示小红点