Question

我的BottomNavigationBar完全是白色的。当有3个图标时，它工作正常，但是当图标增加到4时，导航栏将完全变为白色。标签仍然可以选择和更改。

这是运行小部件时控制台的输出。

ic=null mNaviBarColor -15724014 mIsGetNaviBarColorSuccess true , NavVisible : true , NavTrans : false

这是导航栏的构建：

_bottomNavChildren[_currentIndex],
  bottomNavigationBar: BottomNavigationBar(
    onTap: onTabTapped,
    currentIndex: _currentIndex,
    items: [
      BottomNavigationBarItem(
        icon: Icon(Icons.search),
        title: Text('Browse'),
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.message),
        title: Text('Messages'),
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.person_outline),
        title: Text('Profile'),

这是List小部件，指向相关的索引类。

  int _currentIndex = 0;
  final List<Widget> _bottomNavChildren = [
    BrowsePage(),
    MessagesPage(),
    ProfilePage(),
  ];

有人知道这个问题是什么吗？谢谢

Answer 1

颤抖official documentation：

BottomNavigationBarType.fixed，小于以下值时的默认值   四个项目。所选项目使用selectedItemColor呈现   如果为非null，则主题的ThemeData.primaryColor为   用过的。如果backgroundColor为null，则导航栏的背景   颜色默认为“材质”背景颜色ThemeData.canvasColor   （基本上是不透明的白色）。

BottomNavigationBarType.shifting，当有四个或多个时默认   更多项目。如果selectedItemColor为null，则所有项目均以   白色。导航栏的背景颜色与   所选项目的BottomNavigationBarItem.backgroundColor。在这   假设每个项目都有不同的背景   颜色，并且背景颜色将与白色形成很好的对比。

底部导航栏是完全白色的，如何解决？

1 个答案: