Flutter BottomNavigationBar底部导航栏

最新推荐文章于 2025-01-11 23:55:19 发布

原创

最新推荐文章于 2025-01-11 23:55:19 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter

本文链接：https://blog.youkuaiyun.com/Briantmac/article/details/88809573
作者：Briantmac，转载请注明。

Flutter BottomNavigationBar底部导航栏

确定导航栏选项
实现demo
效果图

确定导航栏选项

1、当导航栏选项<=3时，不用额外设置即可实现fixedColor方法；
2、当导航栏选项>=4时，需指定type: BottomNavigationBarType.fixed才可实现fixedColor方法。
查看BottomNavigationBar组件的源码可以发现端倪：

  BottomNavigationBar({
   
   
    Key key,
    @required this.items,
    this.onTap,
    this.currentIndex = 0,
    BottomNavigationBarType type,
    this.fixedColor,
    this.iconSize = 24.0,
  }) : assert(items != null),
       assert(items.length >= 2),
       assert(
        items.every((BottomNavigationBarItem item) => item.title != null) == true,
        'Every item must have a non-null title',
       ),
       assert(0 <= currentIndex && currentIndex