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