logo

该视频仅会员有权观看

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

¥
199
/ 年

定义内容媒体小部件(PostMedia)

  • 创建一个新文件,命名为post media,放在post components目录下。
  • 在文件中定义一个命名为post media声明的小部件(Widget)。
  • 此小部件包含一个post类型的属性,以及一个构造方法,该构造方法要求传入一个标记为requiredpost参数。
  • 小部件包含一个file id,用于访问与内容相关的文件ID。
  • 使用file id构建一个图像URL,此URL包括基于app配置的API基础URL、文件ID及其它参数来定义图像尺寸。
  • 最终的URL指向一个图像文件服务接口。
  • 小部件返回一个container,其中包含使用image network方法展示的图像。
  • post list组件中,将post media小部件与post参数一起加入列表项的column子部件中。
  • 使用size box在图像和文字内容之间留出空间。
  • 在模拟器上观察,可以看到列表视图中的每个项目都显示了一张图像。