我使用CachedNetworkImage包为我的图像显示加载,但是我认为我使用它是错误的,因为在加载过程消失之后,图像直到几秒钟后才会出现。
这是我的CachedNetworkImage代码
CachedNetworkImage(
imageUrl: movie.poster.toString(),
imageBuilder: (context, _) {
return Image.network(
movie.poster.toString(),
height: 250,
width: 164,
fit: BoxFit.fill,
alignment: Alignment.topCenter,
);
},
placeholder: (context, url) => Container(
height: 250,
width: 164,
child: Center(
child: CircularProgressIndicator(
color: Colors.blue,
),
),
),
errorWidget: (context, url, error) => Icon(Icons.error),
),
发布于 2022-05-16 15:31:05
这是因为您正在返回一个Image.network,它将再次加载映像,因此您将得到这个延迟的映像。
用此替换缓存的网络映像。
CachedNetworkImage(
imageUrl: movie.poster.toString(),
imageBuilder: (context, imageProvioder) {
return Container(
decoration: BoxDecoration(
image: DecorationImage(image: imageProvioder, fit: BoxFit.fill),
),
);
},
placeholder: (context, url) => Container(
height: 250,
width: 164,
child: Center(
child: CircularProgressIndicator(
color: Colors.blue,
),
),
),
errorWidget: (context, url, error) => Icon(Icons.error),
),
我希望这能帮到你。
https://stackoverflow.com/questions/72249582
复制相似问题