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

Question

我想显示 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 中添加了 asset 文件夹。我的资产文件夹路径是 /lib/assets

assets:
- lib/assets/

Answer 1

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

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

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

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

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

Show animated GIF in Flutter from assets

animated-gif

flutter