Flutter cached_network_image使用Dio请求图片

背景

在Flutter中通常使用cached_network_image控件显示图片,该控件使用http库请求图片,http库无法像dio一样方便的添加拦截器等。

实现

CachedNetworkImage使用flutter_cache_manager进行图片缓存,可以使用自定义cache_manager来替换http为dio。 如下:

使用方法

然后就可以使用dio的拦截等功能了,比如使用拦截器添加并刷新token,添加log等功能。

地址

https://pub.dev/packages/flutter_cache_manager_dio

https://github.com/xfans/flutter_cache_manager_dio