盒子装饰：DecorationImage全屏背景图像

Question

根据Flutter文档，我试图使用DecoratedBox加载一个全屏图像作为容器的背景图像。

flutter:
  uses-material-design: true
  assets:
    - assets/background.png

@override
  Widget build(BuildContext context) {
    return new Container(
            decoration: new BoxDecoration(
              color: Colors.purple,
              image : new DecorationImage(
                image: new ExactAssetImage('assets/background.png'),
                fit: BoxFit.cover,
              ),
            ),
     ),
  }

但我得到以下错误：

Unable to load asset: assets/background.png 

Image provider: ExactAssetImage(name: "assets/background.png", scale: 1.0, bundle: null)

显然，包没有正确解析。有人知道我到底做错了什么吗？

Answer 1

对我有用。需要仔细检查的几件事：

• 热重装/重启不会改变资产，所以请确保您正在进行常规构建。
• 尝试从设备上卸载应用程序并进行干净的构建，有时构建系统很难替换旧的安装（例如，如果调试键更改）
• 确保实际资产以及对它的所有引用都指向assets/background.png，而不是images/background.png（默认的pubspec.yaml建议将图像放入名为images的文件夹中，但只要所有内容都匹配，这并不重要）。
• 尝试使用assetimage而不是exactassetimage
• 确保容器有一个子容器，或者位于其父容器将为其指定大小的位置（例如，堆栈可以，但是列将导致它为0x0，如果它没有内部大小或子容器）