在 Flutter 中从资产中显示动画 GIF答案

【问题标题】：Show animated GIF in Flutter from assets在 Flutter 中从资产中显示动画 GIF
【发布时间】：2020-05-13 04:07:07
【问题描述】：

我想显示一个动画 gif 作为我主页的背景。下面是我的代码。

return Scaffold(
  appBar: AppBar(
    title: Text(widget.title),
    centerTitle: true,
  ),
  body: Column(
    children: <Widget>[
      new Image(image: new AssetImage('/assets/heaven.gif')),
    ]
  ),
);

但它没有显示在主屏幕上。我得到的只有白色背景。

我在 pubspec.yaml 的 assets 中添加了 assets 文件夹。我的资产文件夹路径是 /lib/assets

assets:
- lib/assets/

【问题讨论】：

1 - 从传递给构造函数的字符串中删除前导 /。 2 - 将资产文件夹上移一级到projectFolder/assets。 3 - 编辑pubspec.yaml 以删除lib/。
非常感谢@RichardHeap。有效！请将其发布为答案。

标签： flutter animated-gif

【解决方案1】：

lib 文件夹应该用于您的源代码。资产应放置在项目顶部的不同文件夹中 - 通常命名为 assets。

projectFolder -+
               +- pubspec.yaml
               +- /lib
               +- /assets

更新pubspec.yaml 以反映新路径assets/ 而不是assets/lib/。

最后更改代码以删除前导/。 AssetImage('assets/heaven.gif') 而不是 AssetImage('/assets/heaven.gif')。（new 关键字是可选的，也可以去掉。）

【讨论】：