flutter 圖片加載緩存以及圓角的實(shí)現(xiàn)
使用最多的圖片緩存組建庫(kù)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),//加載圖片進(jìn)度條 errorWidget: (context, url, error) => Icon(Icons.error),//占位圖 ), borderRadius: BorderRadius.circular(20),//設(shè)置圓角 ), ),
簡(jiǎn)單的使用,具體可去https://pub.flutter-io.cn/packages/cached_network_image網(wǎng)站查看。

浙公網(wǎng)安備 33010602011771號(hào)