android - 如何在 flutter 中添加角标(Badge)计数作为 BottomNavigationBarItem 的一部分

Question

我正在编写一个 flutter 应用程序，它会更新 BottomNavigationBar 中的通知数量。

我使用底部导航库(AHBottomNavigation)在 native android(java)中完成相同的目标，但我似乎无法使用flutter找到解决方法。

 items: <BottomNavigationBarItem>[
                  BottomNavigationBarItem(
                      title: Text('Home'), icon: Icon(Icons.home)),
                  BottomNavigationBarItem(
                      title: Text('Friends'), icon:Icon(Icons.notifications)),
                  BottomNavigationBarItem(
                      title: Text('Settings'), icon: Icon(Icons.settings)),
                ],

我想获取标签 2 中的内容，并将 4 附加到 BottomNavigationBarItem。

Answer 1

您还可以使用 badges包，来自其页面的图片:

然后将其作为图标提供给您的BottomNavigationBarItem:

BottomNavigationBarItem(
  icon: BadgeIconButton(
                        itemCount: 5, // required
                        icon: Icon(
                          Icons.monetization_on,
                          color:
                              _selectedIndex == 2 ? Colors.blue : Colors.grey,
                        ), // required
                        badgeColor: Colors.red, // default: Colors.red
                        badgeTextColor: Colors.white, // default: Colors.white
                        hideZeroCount: true, // default: true
                        onPressed: null),
                    title: Text(
                      'Item',
                      style: TextStyle(
                        color: _selectedIndex == 2 ? Colors.blue : Colors.grey,
                      ),
                    )),