在flutter中检查图像是否已加载到Image.network小部件中 [英] Check image is loaded in Image.network widget in flutter

问题描述

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

I am new to Flutter. I try to load network images using image.network widget. it's working fine but sometimes it takes time to load. I added tap listener to image.network during tap I need to check image is fully loaded or not based on the result I need to redirect the page. how to check image is loaded or not?

代码:

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

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

Any help will be appreciated, thank you in advance

推荐答案

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

You may use the loadingBuilder which is inbuilt feature from flutter for 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,
      ),
    );
  },
),

这篇关于在flutter中检查图像是否已加载到Image.network小部件中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！