我正在构建一个在 GridView 中显示数百张图像的应用程序。在网格图 block 中，我展示了低质量的图像。当我们按下图像时，我会显示完整质量的图像，同时，我会显示低质量图像作为占位符。我正在使用 CachedNetworkImage 包。这里的问题是当加载全质量图像时会出现一些白色闪烁，如 here 所示。 .我想删除那个 flickr。有什么方法可以删除那个吗？
这是我的代码。
Widget cachedImage(imageUrl) {
return CachedNetworkImage(
imageUrl: imageUrl,
imageBuilder: (context, imageProvider) => Container(
decoration: BoxDecoration(
color: Theme.of(context).shadowColor,
borderRadius: BorderRadius.circular(10),
boxShadow: <BoxShadow>[
BoxShadow(
color: Theme.of(context).shadowColor,
blurRadius: 2,
offset: Offset(2, 2))
],
image: DecorationImage(
image: imageProvider,
fit: BoxFit.cover)),
),
placeholder: (context, url) => LoadingWidget1(),
errorWidget: (context, url, error) => Center(child: Icon(Icons.error)),
);
}
//code for thumbnail image
Hero(
tag: 'category$index',
child: cachedImage(d['thumbnail url'])
),
//Code for FullQuality Preview
....
child: CachedNetworkImage(
placeholderFadeInDuration: Duration(microseconds: 0),
useOldImageOnUrlChange: true,
imageUrl: imageUrl,
imageBuilder: (context, imageProvider) => Container(
decoration: BoxDecoration(
image: DecorationImage(
image: imageProvider, fit: BoxFit.cover)),
),
placeholder: (context, url) => Stack(
children: [
CachedNetworkImage(
imageUrl: thumbUrl,
imageBuilder: (context, imageProvider) => Container(
decoration: BoxDecoration(
image: DecorationImage(
image: imageProvider, fit: BoxFit.cover)),
),
),
最佳答案
CachedNetworkImage 中有 2 个淡入淡出持续时间默认值为非 null(顺便说一下，placeholderFadeInDuration 为 null)，您可以尝试将 fadeOutDuration 和 fadeInDuration 归零:
关于android - 加载 flutter 时去除图像中的白色闪烁，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/69930018/