《Flutter 控件大全》第四十三个:FadeInImage

  • 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。
  • 同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。
  • Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。

在加载网络图片时通常需要一张展位图,当网络图片没有加载时先显示占位图,FadeInImage可以很好的实现这个功能。

基本用法:

FadeInImage(
  placeholder: AssetImage('...'),
  image: NetworkImage('...'),
)

开始的时候先显示placeholder图片,等网络图片加载完成显示image,动画的效果是渐隐渐显,还可以设置其动画的时长和动画曲线,包括进场和出场:

FadeInImage(
  fadeOutDuration: Duration(milliseconds: 200),
  fadeInCurve: Curves.easeIn,

其他属性参考Image。

发布了254 篇原创文章 · 获赞 224 · 访问量 37万+

猜你喜欢

转载自blog.csdn.net/mengks1987/article/details/105310331