image - 检查图像是否已加载到 Flutter 中的 Image.network 小部件中

Question

我是 Flutter 的新手。我尝试使用 image.network 小部件加载网络图像。它工作正常，但有时加载需要时间。我在点击期间将点击监听器添加到 image.network 我需要根据需要重定向页面的结果检查图像是否已完全加载。如何检查图片是否加载？

代码:

new Image.network('http://via.placeholder.com/350x150')

任何帮助将不胜感激，在此先感谢您

Answer 1

您可以使用 loadingBuilder，它是 Flutter 的内置功能，适用于 Image.Network

我是这样做的:

Image.network(imageURL,fit: BoxFit.cover,
  loadingBuilder:(BuildContext context, Widget child,ImageChunkEvent loadingProgress) {
  if (loadingProgress == null) return child;
    return Center(
      child: CircularProgressIndicator(
      value: loadingProgress.expectedTotalBytes != null ? 
             loadingProgress.cumulativeBytesLoaded / loadingProgress.expectedTotalBytes!
             : null,
      ),
    );
  },
),