在BottomNavigationBar的图标上显示通知徽章
问题内容:
当新消息到达“收件箱”选项卡时,我想在BottomNavigationBar的“ 图标”* 小部件的 右上角 显示通知徽章(彩色
大理石 )。它类似于https://developer.android.com/preview/features/notification-
badges.html,
但就我而言,它显示在应用内。
***
有什么技巧可以在现有图标上绘制叠加层以创建 自定义 Icon类?
问题答案:
是。可以通过使用Stack
和Positioned
小部件堆叠两个图标来完成。
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),
)
]
),
)