加载图片的方式

738 阅读1分钟

图片的加载方式,加载本地图片,加载网络图片,加载本地缓存的图片

(一)加载本地图片

1,在项目的根目录添加图片,资源路径如下图

2,在配置文件pubspec.yaml文件中,配置引入

3,把引入的图片资源放在list当中

4,加载本地图片使用Image.asset,需要传入本地图片的资源路径

(二)加载网络图片

1,加载网络图片,不需要配置,我们把需要的图片资源放在list当中

2,加载网络图片,Image.network,传入网络图片的路径即可,FadeInImage,可以添加占位符的渐变动画的图片

(三)加载本地缓存的图片

1,加载本地缓存的图片,需要使用第三方插件 cached_network_image,在配置文件中加入插件

2,CachedNetworkImage使用,传入图片的imageUrl,图片的占位符 placeholder,还有显示错误的组件 errorWidget

显示效果图如下