logo

该视频仅会员有权观看

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

¥
199
/ 年

点按底部导航栏项目切换显示小部件

  • 点击底部导航栏可以切换不同小部件的显示。
  • 需要先定义一组小部件,通过底部导航栏索引确定显示哪个小部件。
  • 页面支持显示三个小部件,与底部导航栏三个项目相对应。
  • 可以根据底部导航栏索引号显示相应的页面小部件。
  • 第一个导航项目显示一个特定小部件;第二个导航项目显示另外配置的小部件,使用center和图标大小为128,颜色为black。
  • 复制第二个小部件,添加用户相关显示小部件,更改图标名称。
  • 修改配置后,重新启动调试并在模拟器上测试,确保点击底部导航项能正确显示对应小部件。