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

Question

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

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

代码

        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 中，它们必须是解码。查看您的视频，最初加载似乎需要很长时间（互联网速度慢或文件大），然后一旦加载，您仍然可以获得解码时间（但这比短得多初始下载时间）。

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

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

Flutter CachedNetworkImage doesn't work, loading images again when scrolling up to bottom or bottom to up

flutter

dart

lazy-loading

image-loading