logo

该视频仅会员有权观看

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

¥
199
/ 年

定义标签视图小部件(PostIndex)

  • 当前项目显示在底部导航栏时,网页主体展示一个temp bw小组件。
  • 可将这个小组件独立定义,并存放在单独文件内。
  • 在type b view中,包含一系列小部件,根据当前标签显示相应小部件。
  • 每个小部件可以存于各自的文件中。
  • 从配置mean里的app page min中剪切tap bar view小部件,新建文件post index.t在lib post目录下。
  • 在新文件中定义名为post index的小部件,包含rebuild方法和返回type bar view的代码。
  • 将定义的post index加入配置mean作为首项。
  • 子部件在tap bar view内可以独立定义。
  • 切出第一个子部件,新建文件名为post index latest.jars,在post index components目录下。
  • 新文件定义为小部件post index latest,返回剪切的内容。
  • 剪切tap bar view剩余部分,创建新文件post index popular.dark在post index components目录下。
  • 在新文件定义小部件post index popular,返回剪切内容。
  • 回到post index文件,在tap bar view的children中添加post index latest和post index popular。
  • 通过模拟器测试,切换标签查看不同小部件,如post index latest和post index popular的显示情况。