flutter 图片加载缓存以及圆角的实现

使用最多的图片缓存组建库cached_network_image

地址：cached_network_image

配置：

dependencies:
  cached_network_image: ^2.5.0

使用：

Container(
                  width: 38,//图片显示的大小
                  height: 38,
                  child: ClipRRect(//圆角组件
                    child: CachedNetworkImage(//图片缓存组件
                      imageUrl: listData[index].userImg,
                      progressIndicatorBuilder:
                          (context, url, downloadProgress) =>
                              CircularProgressIndicator(
                                  value: downloadProgress.progress),//加载图片进度条
                      errorWidget: (context, url, error) => Icon(Icons.error),//占位图
                    ),
                    borderRadius: BorderRadius.circular(20),//设置圆角
                  ),
                ),

 

简单的使用，具体可去https://pub.flutter-io.cn/packages/cached_network_image网站查看。