微信交流群

老孟公众号

# FadeInImage

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

基本用法:

FadeInImage(
  placeholder: AssetImage('...'),
  image: NetworkImage('...'),
)
1
2
3
4

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

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

其他属性参考Image。