为什么我无法更改 Flutter 底部导航栏的背景颜色？

Question

我想将底部导航栏的背景颜色更改为黑色，但它仍然是白色。 是什么导致了这个问题？

底部导航栏截图

底部导航条码。

bottomNavigationBar: BottomNavigationBar(
    onTap: _onItemTapped,
    type: BottomNavigationBarType.shifting,
    iconSize: 30,

    unselectedItemColor: Colors.black,
    selectedIconTheme: const IconThemeData(color: Colors.black, size: 30),
    selectedItemColor: Colors.black,
    selectedLabelStyle: const TextStyle(fontWeight: FontWeight.bold),
    backgroundColor: Colors.white,

    items: const <BottomNavigationBarItem>[
      BottomNavigationBarItem(
        icon: Icon(Icons.home),
        label: 'Home',
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.door_back_door),
        label: 'Rooms',
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.search),
        label: 'Search',
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.map),
        label: 'Maps',
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.person),
        label: 'Profile',
      ),
    ],
    currentIndex: _selectedIndex,
  ),

我一直在努力弄清楚这部分，但我似乎看不出问题的原因。 如果可能的话，我将不胜感激：:)

Answer 1

阅读BottomNavigationBar backgroundColor的描述，它说

如果 [type] 是 [BottomNavigationBarType.shifting] 并且 [items] 设置了 [BottomNavigationBarItem.backgroundColor]，则 [items] 的 backgroundColor 将飞溅并覆盖此颜色。

因此，解决方案可以是将backgroundColor设置为您的BottomNavigationItem之一，它将应用于整个BottomNavigationBar 。

Answer 2

background color仅在type为BottomNavigationBarType.fixed时有效

如果type是BottomNavigationBarType.shifting ， items将覆盖此color

---

BottomNavigationBarType.fixed

BottomNavigationBarType.shifting