如何在扑动中显示动画gif?

时间:2018-07-27 10:47:34

标签: flutter flutter-layout flutter-animation

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

6 个答案:

答案 0 :(得分:1)

gif放在项目的图像文件夹中,并在pubspec.yaml文件中提及它,就像处理图像一样。

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

答案 1 :(得分:1)

我找到了一种使用@Nudge答案下载和添加giphy.com gif的方法。

这是您可以使用的技巧-

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

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

在这种情况下,URL_PART将是xT0xezQGU5xCDJuCPe。只需将其替换为上述网址,然后检查令人震惊的结果即可。

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

答案 2 :(得分:1)

当添加新资源到assets时,重启ide

答案 3 :(得分:0)

Giphy不允许您加载图像。颤振无法做任何事情:https://en.wikipedia.org/wiki/HTTP_403

答案 4 :(得分:0)

这是Flutter Gallery应用中用于显示来自Web的.gif的

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

答案 5 :(得分:0)

您可以像使用gif中的其他图像一样使用它,因为gif是一种图像