装饰图像不显示图像 - 颤振答案

【问题标题】：DecorationImage doesn't show the image - Flutter装饰图像不显示图像 - 颤振
【发布时间】：2019-08-30 10:35:51
【问题描述】：

我找不到与此相关的任何内容，所以我想我做错了什么。我试图在BoxDecoration 中显示DecorationImage，但我的屏幕上根本没有显示任何内容。

我尝试使用Image.asset('assets\\test.png'); 显示相关资产，并且没有问题。我曾尝试将AssetImage 或FileImage 之类的内容放在DecorationImage 中，但似乎它们都不适合我。

我的代码基本如下：

    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
    body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            new Container(
              decoration: new BoxDecoration(
                image: new DecorationImage(
                  image: new AssetImage('assets\\test.png'),
                  fit: BoxFit.cover,
                ),
              ),
            ),
          ],
        ),
      )
   );

我应该怎么做才能让我的test.png 显示？目前我只看到一个空屏幕。

【问题讨论】：

标签： image dart flutter assets

【解决方案1】：

你需要把width和height给你的Container，像这样

new Container(
  height: 100,
  width: 100,
  decoration: new BoxDecoration(
    image: new DecorationImage(
      image: new AssetImage('assets\\test.png'),
      fit: BoxFit.cover,
    ),
  ),
),

【讨论】：

非常感谢！我一直在用 DecoratedBox 尝试它，显然我无法为其设置高度和宽度。
太棒了。就我而言，我只指定了容器的高度。

【解决方案2】：

只是错误的方式.. 使用 this => "/" 而不是 this => "\"

image: DecorationImage( image: AssetImage("lib/assets/images/aksam_gece.png"), fit: BoxFit.fill, ),

同时检查 pubspec 路径

【讨论】：