Question

我有一个ListView用于使用advanced network image plugin加载图像列表，如下所示：

@override
  Widget build(BuildContext context) {
    super.build(context);

    return CachedNetworkImage(
      imageUrl: parseURLImageFromService(productImageURL),
      height: screen.width * ratio,
      placeholder: Container(
        alignment: AlignmentDirectional.center,
        child: CircularProgressIndicator(
          valueColor: AlwaysStoppedAnimation(
            CompanyColors.green[500],
          ),
        ),
      ),
      errorWidget: defaultLogoImage(screen, ratio),
      width: screen.width * (ratio * 0.75),
    );
  }
}

但是当我渲染该应用程序时，所有图像都尝试同时加载，我希望一次等待之前加载一个图像。

Answer 1

我找到了解决此问题的方法，但该解决方案与Flutter无关。主要问题是图像的大小和下载的网络速度，我解决了这个问题，在后端添加了一个功能，该功能可以在上传图像时调整图像的大小。因此，当我显示图像列表时，我会使用微型图像，而当用户打开细节时，我会加载原始尺寸的图像。

在Flutter中加载长图像列表的最佳方法

1 个答案: