flutter中如何展示图片加载前的占位图片?

码云
2020-11-09 09:04

flutter中显示网络图片的时候,由于网络问题不能马上加载完成,需要显示一个临时的占位图片,我们可以使用FadeInImage,这个控件可以帮我们控制图片加载完成之前显示占位图片并平滑过度到要加载的图片。示例代码如下:

FadeInImage(
  height: 200.0, // 根据需要设置
  width: 300.0, // 根据需要设置
  fit: BoxFit.cover,
  placeholder: AssetImage("assets/company_logo.jpg"), //占位图片(本地文件)
  image: NetworkImage(your_image_url), //网络图片
),

 

全部评论