如何在颤动中显示动画 gif？答案

【问题标题】：how to display animated gif in flutter?如何在颤动中显示动画 gif？
【发布时间】：2019-01-04 11:37:03
【问题描述】：

我正在尝试在颤动中显示 gif。

我正在使用代码

Image(image : NetworkImage(message.image_url))

但它显示错误：

Another exception was thrown: Exception: HTTP request failed, statusCode: 403, https://media.giphy.com/media/13AXYJh2jDt2IE/giphy.gif%20

【问题讨论】：

更新：我可以显示来自 url "media2.giphy.com/media/FiGiRei2ICzzG/200_d.gif" 但不能来自 "media.giphy.com/media/NTY1kHmcLsCsg/giphy.gif" 的 gifs
此网址也可以使用：giphy.com/media/FiGiRei2ICzzG/200.gif
这个问题与 Giphy 网站有关，还是与显示 gif 的 Flutter 功能有关？

【解决方案1】：

Giphy 不允许您加载图像。 Flutter 对此无能为力：https://en.wikipedia.org/wiki/HTTP_403

【讨论】：

【解决方案2】：

这是 Flutter Gallery 应用程序中用于从网络显示 .gif 的内容

Image.network('https://example.com/animated-image.gif')

【讨论】：

【解决方案3】：

将您的 gif 放在项目的 images 文件夹中，并在 pubspec.yaml 文件中提及它，就像您对图像所做的那样。

Image.asset(
  "images/loading.gif",
  height: 125.0,
  width: 125.0,
),

【讨论】：

【解决方案4】：

我找到了一种方法，您可以使用 @Nudge 答案下载 giphy.com 的 gif 并将其添加到您的应用程序中。

这是你可以使用的技巧-

您必须在- 之后拆分url 的最后一部分并将其替换为以下url-https://giphy.com/media/{URL_PART}/200.gif。

在这种情况下，URL_PART 将是 xT0xezQGU5xCDJuCPe。只需在上面的 url 中替换它并检查令人震惊的结果。

我希望它会对某人有所帮助。 ;)

【讨论】：

【解决方案5】：

向assets添加新资源时，重启ide

【讨论】：