背景
刚开始接触flutter,准备按照iOS项目的开发流程,先写一个tabbar,满怀期待的写了4个BottomNavigationBarItem,运行程序后,只显示选中的BottomNavigationBarItem,其余的可能是白色和背景颜色一样,导致看不到,只有选中的时候才能看到
我以为是我写法错误,我就把flutter案例里面的代码原封不动拿过来,展示是成功的,多次尝试之后发现是BottomNavigationBarItem数量在超过3个之后才出现的这个问题,fuck!!!
解决方法:
添加
type: BottomNavigationBarType.fixed
bottomNavigationBar: BottomNavigationBar(
items: [
BottomNavigationBarItem(icon: Icon(Icons.home), label: '我的'),
BottomNavigationBarItem(icon: Icon(Icons.category), label: "社区"),
BottomNavigationBarItem(icon: Icon(Icons.settings), label: "发现"),
BottomNavigationBarItem(icon: Icon(Icons.dashboard_rounded),label: "我的"),
],
type: BottomNavigationBarType.fixed,//解决此问题关键
currentIndex: _selectIndex,
// unselectedItemColor: Colors.deepPurpleAccent,
fixedColor: Colors.blue,
onTap: _onItemTaped
),
另外BottomNavigationBarItem中的title属性已被遗弃
之前的写法
BottomNavigationBarItem(icon: Icon(Icons.home), title:Text( '我的')),
以后的写法
BottomNavigationBarItem(icon: Icon(Icons.home), label: '我的'),
总结
真是隔行如隔山,尽管都是软件开发,语言不一样,自学着还是要面临好多问题,好多还是低级错误,慢慢学慢慢进步
网友评论