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

使用最多的图片缓存组建库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网站查看。

巴特西

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

配置：

使用：

最新文章

热门文章