[英]flutter - Image Widget how to show multi network images at the same time?
在我的小部件上,
我有 3 个图像小部件来加载 3 个图像的 url。
众所周知,3个Image Widgets加载图片是有时间差的,
但是我有一个要求:
3张图片全部下载后,3个Image Widgets同时显示这3张图片,
怎么做?
Image.network(
widget.networkUrl,
fit: BoxFit.fill,
loadingBuilder: (BuildContext context, Widget child,
ImageChunkEvent? loadingProgress) {
if (loadingProgress == null) return child;
return Center(
child: CircularProgressIndicator(
value: loadingProgress.expectedTotalBytes != null
? loadingProgress.cumulativeBytesLoaded /
loadingProgress.expectedTotalBytes!
: null,
),
);
},
),
试试这个
将预缓存与 FutureBuilder 一起使用,如下所示。
FutureBuilder(
future: Future.wait([
precacheImage(NetworkImage('url_1'), context),
precacheImage(NetworkImage('url_2'), context),
//... More futures
]),
builder: (
context,
// List of booleans(results of all futures above)
AsyncSnapshot<List<bool>> snapshot,
){
if (!snapshot.hasData) {
return CircularProgressIndicator();
}
return Image.network('url_1');
}
);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.