颤动中浮动操作按钮上的通知徽章

Question

我想将商品添加到购物车。购物车将是浮动操作按钮和我想在它上面显示的项目计数。请帮我解决一下这个。 I want something like this

Answer 1

好吧，floatingActionButton 接收 Widget 类型，这意味着您可以将 Widget 设置为 FloactionActionButton，因此，您可以使用徽章包，如下所示：

Badge(
        toAnimate: true,
        shape: BadgeShape.circle,
        badgeColor: Colors.red,
        borderRadius: BorderRadius.circular(8),
        badgeContent: Text('0', style: TextStyle(color: Colors.white)),
        child: Icon(
          Icons.shopping_cart,
        ),
      )

包链接：https://pub.dev/packages/badges