如何解决Flutter中的NetworkImageLoadException异常

p8ekf7hl  于 2023-01-14  发布在  Flutter
关注(0)|答案(1)|浏览(531)

我尝试使用image.network()获取图像,未获得结果,显示错误,实际图像地址将在API响应中获得,
代码看起来像这样,

Container(            
    height: double.infinity,
   width: MediaQuery.of(context).size.width *0.18,
   child: Image.network(
   value.recentObservations[index]
  ["thumbnail"],),)

错误显示为这样,

════════ Exception caught by image resource service ════════════════════════════
The following NetworkImageLoadException was thrown resolving an image codec:

如何解决此错误,请评论您的参考资料

jgovgodb

jgovgodb1#

这是因为您的服务器不允许获取图像的网址数据。所以从服务器端解决这个问题。
你可以用
错误生成器
在网络图像中显示任何默认图像,当你的图像无法加载到指定的小工具。
您可以使用下面的示例代码进行errorBuilder。

Image.network(
   path.image,
   width: 50,
   height: 50,
   errorBuilder: (BuildContext context, Object exception,
        StackTrace? stackTrace) {
     return const Text('😒');
   },

相关问题