一尘不染

在BottomNavigationBar的图标上显示通知徽章

flutter

当新消息到达“收件箱”选项卡时,我想在BottomNavigationBar的“ 图标”* 小部件的 右上角 显示通知徽章(彩色
大理石 )。它类似于https://developer.android.com/preview/features/notification-
badges.html,但就我而言,它显示在应用内。

***

有什么技巧可以在现有图标上绘制叠加层以创建 自定义 Icon类?


阅读 242

收藏
2020-08-13

共1个答案

一尘不染

是。可以通过使用StackPositioned小部件堆叠两个图标来完成。

      new BottomNavigationBarItem(
        title: new Text('Home'),
        icon: new Stack(
          children: <Widget>[
            new Icon(Icons.home),
            new Positioned(  // draw a red marble
              top: 0.0,
              right: 0.0,
              child: new Icon(Icons.brightness_1, size: 8.0, 
                color: Colors.redAccent),
            )
          ]
        ),
      )
2020-08-13