美文网首页
关于Flutter底部bottomNavagationBar超出

关于Flutter底部bottomNavagationBar超出

作者: 我一不小心就 | 来源:发表于2020-09-14 11:24 被阅读0次

    现象:
    bottomNavagationBar三个正常显示,超出三个背景变成白色,切不能正常显示

    解决方案:

    class _ProductMainState extends State<ProductMain> {
    
      int _currentIndex = 0;
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: _getAppBar(_currentIndex),
          body: IndexedStack(
            index: _currentIndex,
            children: [
              ProductItem(),
              ShoppingMain(),
              OrderMain(),
              MineMain()
            ],
          ),
          backgroundColor: Theme.of(context).backgroundColor,
          bottomNavigationBar: BottomNavigationBar(
           type: BottomNavigationBarType.fixed,   // 超过四个需要手动设置type属性为fixed,四个以下默认为fixed,超过四个则变成shifting
            items:LgBottomNavagationBar.bottomNavs,
            currentIndex: _currentIndex,
            onTap: (int index){
              setState(() {
                  _currentIndex = index;
                });
            },
          ),
        );
      }
    }
    

    相关文章

      网友评论

          本文标题:关于Flutter底部bottomNavagationBar超出

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