Flutter的BottomNavigationBar不显示的问题

在学习Flutter开发的时候发现当设置BottomNavigationBar的数量超过3个后，底部的导航文字不显示的问题

image.png

我们设置了 selectedItemColor: Colors.red, unselectedItemColor: Colors.grey,然后icon出来了文字还是不出来，有设置了 selectedLabelStyle: TextStyle(color: Colors.red), unselectedLabelStyle: TextStyle(color: Colors.grey), 默认文字还不出来。
查阅资料

BottomNavigationBarType。移位，当有四个或多个项时的默认值。所有项目都呈现为白色和导航栏的
背景颜色与。相同
BottomNavigationBarItem。所选项目的背景颜色。在这个
假设每个项目都有不同的背景
颜色和背景颜色会与白色形成很好的对比。

解决方案

在 BottomNavigationBar 中设置 BottomNavigationBarType.fixed，意思是按钮平分宽度显示

type:BottomNavigationBarType.fixed