logo

该视频仅会员有权观看

立即开通课程「Flutter 移动端应用开发实践」权限。

¥
199
/ 年

底部导航栏主题(BottomNavigationBarThemeData)

  1. 打开app配置,修改并去除boss mom naval ball的跟样式相关的参数,如on selected item cator selects is im cor,然后予以删除或注释。
  2. 调整导航项目的激活状态,并为下面的小图标设置active icon,分别使用icon x explore、icon s add a photo、icon account circle为不同项目设置。
  3. 在app中自定义底部导航栏的主题声明,设置bottom navigation bar的elevation、show labels、type,并设定未选中和选中的项目颜色分别为black和primary color。
  4. 定义一个新的bottom navigation bar im dark样式,利用copy with方法复制现有样式并设置选择项目的颜色为color scree和mary color dark。
  5. 对于lighten主题设置boss to navigation二c一门,对应底导航栏araara中bottom vivan;marc一门的值为bottom navigation二sem dark。
  6. 重新启动应用,检查底部导航栏的样式更改。