将 Flutter bottomNavigationBar 设置为非活动状态

Question

我有一个带有底部导航栏的应用程序：

BottomNavigationBar(
 type: BottomNavigationBarType.fixed,
 items: [

   BottomNavigationBarItem(
    icon: Image.asset('assets/icons/inactive/sth.png'),
    activeIcon: Image.asset('assets/icons/active/sth.png'),
    title: Text('Sth')
   ),

   BottomNavigationBarItem(
    icon: Image.asset('assets/icons/inactive/sth.png'),
    activeIcon: Image.asset('assets/icons/active/sth.png'),
    title: Text('Sth')
   ),

  ],
  onTap: (int index) {
    _currentIndex = index;
  },
  currentIndex: _currentIndex
)

现在我有一些用例，我想显示 bottomNavigationBar，但它的 none 项应该处于活动状态。

将 currentIndex 设置为不存在的索引时，出现预期的错误。

有什么方法可以实现我的目标吗？

提前致谢。

Answer 1

你可以试试

bool isInactive;
BottomNavigationBar(
    type: BottomNavigationBarType.fixed,
    items: [

      BottomNavigationBarItem(
          icon: Image.asset('assets/icons/inactive/sth.png'),
          activeIcon: isInactive ? Image.asset('assets/icons/active/sth.png') : Image.asset('assets/icons/inactive/sth.png'),
          title: Text('Sth')
      ),
...

将 Flutter bottomNavigationBar 设置为非活动状态

Set Flutter bottomNavigationBar inactive

flutter

flutter-layout