Flutter 使用 cached_network_image 缓存图片，优化加载体验

在 App 中会经常遇到需要从后台拉取图片的场景，这一方面会给服务器带来网络带宽消耗，另一方面加载图片的等待过程也会影响用户体验。因此，往往会在 App 端对图片做缓存机制，以避免同一张图片反复发起请求。在 Flutter 中，cached_network_image 即提供了缓存网络图片功能，同时还提供了丰富的加载过程指示。

上一篇给列表增加下拉刷新和上滑加载更多功能，我们使用了列表，其中列表中有从网络下载图片。直接使用 Flutter 自带的 Image.network 下载图片一是无法缓存，二是体验不够好。熟悉 iOS 的肯定知道 SDWebImage，即 Objective-C 上用得最广泛的图片缓存开源组件。与 SDWebImage 类似，Flutter 的 cached_network_image 插件也实现了这样的功能。cached_network_image 使用十分简单，首先在 pubspec.yaml 中添加依赖：

dependencies