用户登录

显示图像媒体的时候会有一个加载过程,因为应用需要通过网络下载要显示的图像,下载过程需要点时间。在加载图像的时候我们可以设置一个加载状态。重新启动一下应用,现在内容媒体没有使用设置加载状态界面,所以加载图像的时候会显示空白。

打开 post_media ,这里用了 Image.network 显示来自网络的图像,在它里面我们可以用 loadingBuilder 设置一下加载状态界面,添加一个 loadingBuilder ,三个参数,context,child 小部件,还有 event 事件。

这个 child 就是要显示的图像,event 是事件对象,在它里面你可以得到图像的加载加载进度相关的数据。在这个 loadingBuilder 里面,可以判断一下 event 是不是等于 null,如果是的话,说明成功加载完成了,这里可以 return child 这个小部件,也就是要显示的图像。

如果正在加载,可以 return 一个 Container ,用 color 设置一下这个容器的背景颜色,设置成 Colors.black12 。

下面可以测试一下,重新启动一下应用。注意观察内容列表图像加载时的样子,现在会使用一个半透明的黑色背景。

改进:设置内容媒体加载状态《 Flutter 移动端实例:内容导航 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点