美文网首页
BottomNavigationBar只显示选中的item,其余

BottomNavigationBar只显示选中的item,其余

作者: 江湖闹士 | 来源:发表于2021-04-11 16:17 被阅读0次

    背景
    刚开始接触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: '我的'),
    

    总结
    真是隔行如隔山,尽管都是软件开发,语言不一样,自学着还是要面临好多问题,好多还是低级错误,慢慢学慢慢进步

    相关文章

      网友评论

          本文标题:BottomNavigationBar只显示选中的item,其余

          本文链接:https://www.haomeiwen.com/subject/afwakltx.html