从资产显示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中的资产中。我的资产文件夹路径为/ 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关键字是可选的，也可以删除。）