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

Question

我正在尝试在颤振中显示 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

Answer 1

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

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

Answer 2

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

这是你可以使用的技巧 -

Giphy 的 .gif URL 示例 - https://giphy.com/gifs/congratulations-congrats-xT0xezQGU5xCDJuCPe

1. 您必须在 后拆分 url 的最后一部分-。

2. 将最后一部分插入以下网址：https://i.giphy.com/media/${URL_PART}/200.gif。

3. 在这种情况下，URL_PART将是xT0xezQGU5xCDJuCPe. 只需将其替换到上面的 url 中即可。

4. 您将获得以下输出网址： https://i.giphy.com/media/xT0xezQGU5xCDJuCPe/200.gif

一探究竟。我希望它能帮助某人。;)

Answer 3

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

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

Answer 4

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