Flutter 如何设置底部导航栏的背景色

Flutter 如何设置底部导航栏的背景色,flutter,Flutter,我正在努力为BottomNavigationBar设置背景色和所选项目颜色 这是我的小部件: Widget BottomMenu(selectedIndex, onItemTapped) { return BottomNavigationBar( type: BottomNavigationBarType.fixed, items: <BottomNavigationBarItem>[ BottomNavigationBarItem(backgroun

我正在努力为
BottomNavigationBar
设置背景色和所选项目颜色

这是我的小部件:

Widget BottomMenu(selectedIndex, onItemTapped) {
  return BottomNavigationBar(
    type: BottomNavigationBarType.fixed,
    items: <BottomNavigationBarItem>[
      BottomNavigationBarItem(backgroundColor: Colors.indigo, icon: Icon(Icons.search), title: Text('Search')),
      BottomNavigationBarItem(
          icon: Icon(Icons.location_searching), title: Text('Settings')),
      BottomNavigationBarItem(
          icon: Icon(Icons.message), title: Text('Messages')),
    ],
    currentIndex: selectedIndex,
    fixedColor: Colors.redAccent,
    onTap: onItemTapped,
  );
}
Widget底部菜单(已选择索引,未映射){
返回底部导航栏(
类型:BottomNavigationBarType.fixed,
项目:[
BottomNavigationBarItem(背景色:Colors.indigo,图标:icon(Icons.search),标题:Text('search')),
底部导航气压计(
图标:图标(图标位置搜索),标题:文本(“设置”),
底部导航气压计(
图标:图标(Icons.message),标题:文本('Messages'),
],
currentIndex:selectedIndex,
fixedColor:Colors.redAccent,
onTap:未映射,
);
}
然而,这是行不通的。所有我得到的是白色背景与红色字体和图标。我希望整个导航栏是靛蓝颜色


有人吗?

背景色。您可以使用主题小部件包装底部导航栏。并在主题中设置画布颜色。这是你想要的代码

bottomNavigationBar: Theme(
        data: ThemeData(
          canvasColor: Colors.lightBlue
        ),
        child: BottomNavigationBar(

        type: BottomNavigationBarType.fixed,
        items: <BottomNavigationBarItem>[
          BottomNavigationBarItem(
              backgroundColor: Colors.indigo,
              icon: Icon(Icons.search),
              title: Text('Search')),
          BottomNavigationBarItem(
              icon: Icon(Icons.location_searching), title: Text('Settings')),
          BottomNavigationBarItem(
              icon: Icon(Icons.message), title: Text('Messages')),
        ],
        fixedColor: Colors.redAccent,
      ),
      ),
bottomNavigationBar:主题(
数据:主题数据(
画布颜色:颜色。浅蓝色
),
子项:底部导航栏(
类型:BottomNavigationBarType.fixed,
项目:[
底部导航气压计(
背景颜色:Colors.indigo,
图标:图标(Icons.search),
标题:文本(“搜索”),
底部导航气压计(
图标:图标(图标位置搜索),标题:文本(“设置”),
底部导航气压计(
图标:图标(Icons.message),标题:文本('Messages'),
],
fixedColor:Colors.redAccent,
),
),

仍然在为同一个问题寻找解决方案,伙计。当你给他们一个主题,它只给他们一个颜色的所有酒吧。不能为每个图标指定不同的背景色。