用于创建徽章的 Flutter 包

Flutter 徽章

用于创建徽章的 Flutter 包。

在你的 pubspec.yaml 中

dependencies:
  badges: ^1.0.0

import 'package:badges/badges.dart';

    Badge(
      badgeContent: Text('3'),
      child: Icon(Icons.settings),
    )


`BadgeAnimationType.slide`	`BadgeAnimationType.scale`	`BadgeAnimationType.fade`

有几个选项可以提供更多控制

属性	描述
`Widget badgeContent`	徽章的内容。通常是`Text`或`Icon`。
`Color badgeColor`	徽章的背景色。
`Widget 子项`	主小部件。默认情况下，它位于红色徽章下方。通常是`Icon`、`IconButton`、`Text`或按钮。
`double elevation`	徽章的阴影。
`bool toAnimate`	当徽章内容更改时是否要为徽章设置动画。
`BadgePosition position`	可以是`BadgePosition.topLeft()`、`BadgePosition.topRight()`、`BadgePosition.bottomLeft()`、`BadgePosition.bottomRight()`之一。有时您想创建独特的徽章位置或手动创建新的位置。为此，请使用`BadgePosition.topRight(top: -12, right: -20)`或`BadgePosition.(left, top, right, bottom)`。
`BadgeShape shape`	`BadgeShape.circle`或`BadgeShape.square`。如果您使用方形`BadgeShape.square`，则可以使用`borderRadius`来更改徽章的圆角。
`double borderRadius`	徽章的圆角。仅当使用`BadgeShape.square`时适用。
`EdgeInsets padding`	徽章内容的内边距。
`Duration animationDuration`	徽章内容更改时徽章动画的持续时间。
`BadgeAnimationType animationType`	可以是`BadgeAnimationType.slide`、`BadgeAnimationType.scale`或`BadgeAnimationType.fade`之一。