Flutter CachedNetworkImage 不起作用，向上滚动到底部或从下到上滚动时再次加载图像

Question

我正在尝试使用缓存的图像。我关注了CachedNetworkImage但它不起作用。如果有其他可用的解决方案，请帮助我

Here is video of my issue

当我从上到下或从下到上滚动列表时，图像消失并再次重新加载

代码

        ClipRRect(
                  borderRadius: new BorderRadius.only(
                  topRight: Radius.circular(10.0),
                  topLeft: Radius.circular(10.0)),
                  child: CachedNetworkImage(
                       placeholder: (context, url) => Center(
                           child: CircularProgressIndicator(),),
                            imageUrl: productList[position]["images"]
                            ["post_image1"],
                            height: 180,
                            width: MediaQuery.of(context).size.width,
                            fit: BoxFit.cover,
                    ))

Answer 1

CachedNetworkImage 适合我。

在模拟器/仿真器上运行您的应用程序，然后您可以查看图像是否已被缓存。请注意，图像大小有很大的不同(您不希望它们超过 100K，希望小于 50K)，因为即使它们被缓存，每次它们都必须在 UI 中重新显示时，它们必须被解码。查看您的视频，最初加载似乎需要很长时间(互联网速度慢或文件大)，然后一旦加载，您仍然可以获得解码时间(但这比短得多初始下载时间)。

总而言之，确保图片的大小适合在移动应用中使用。