图片的加载方式,加载本地图片,加载网络图片,加载本地缓存的图片
(一)加载本地图片
1,在项目的根目录添加图片,资源路径如下图
2,在配置文件pubspec.yaml文件中,配置引入
3,把引入的图片资源放在list当中
4,加载本地图片使用Image.asset,需要传入本地图片的资源路径
(二)加载网络图片
1,加载网络图片,不需要配置,我们把需要的图片资源放在list当中
2,加载网络图片,Image.network,传入网络图片的路径即可,FadeInImage,可以添加占位符的渐变动画的图片
(三)加载本地缓存的图片
1,加载本地缓存的图片,需要使用第三方插件 cached_network_image,在配置文件中加入插件
2,CachedNetworkImage使用,传入图片的imageUrl,图片的占位符 placeholder,还有显示错误的组件 errorWidget
显示效果图如下