使用 CachedNetworkImage 时应用程序崩溃

Question

在列表视图中使用 CachedNetworkImage 时应用程序崩溃。如果有很多图片，那么应用程序就会冻结并崩溃。是否可以异步地一张一张地加载每个图像？我可以有一个代码示例吗？谢谢。

Answer 1

因此，如果您遇到与我相同的问题，并且您有大量图片，那么您可以执行以下操作：

1.启用ListView分页。因此，当滚动时，不会ListView加载整个文件，而是仅加载List.

2.使用以下参数将图片压缩至所需大小： memCacheWidth、memCacheHeight、maxHeightDiskCache、maxWidthDiskCache

这是我的例子：

CachedNetworkImage(
    memCacheWidth: 45,
    memCacheHeight: 60,
    maxHeightDiskCache: 60,
    maxWidthDiskCache: 45,
    imageUrl: imageUrl,
    imageBuilder: (context, imageProvider) => imageBuilderWidget(imageProvider),
    placeholder: (context, url) => placeholderWidget(),
    errorWidget: (context, url, error) => errorWidget(),
  );

添加这些选项后，从模拟器中删除应用程序并执行flutter clean