首页 > 解决方案 > 在颤动的汉堡菜单图标上添加徽章

问题描述

嗨,请帮助我正在尝试在颤振应用程序中的汉堡菜单图标上添加红色徽章,如下所示

在此处输入图像描述

标签: flutterdart

解决方案


您可以在此处badges使用插件实现此目的

将此添加到包的 pubspec.yaml 文件中的依赖项下:

badges: ^2.0.2

然后导入,

import 'package:badges/badges.dart';

最后加入BadgeAppBar

AppBar(
    leading: Badge(
       position: BadgePosition.topEnd(top: 10, end: 10),
        badgeContent: null,
        child: IconButton(
            icon: Icon(Icons.menu),
            onPressed: () {},
        ),
    ),
    title: Text('Badge Demo', style: TextStyle(color: Colors.black)),
    backgroundColor: Colors.white,
)

推荐阅读