Flutter应用背景图片无法显示问题求助

问题根源在于承载背景图的Container未指定宽高属性：Flutter中Container默认会根据子元素尺寸确定自身大小，而这个Container没有子元素，导致宽高均为0，所以背景图无法显示。

修复方案一：设置容器为屏幕尺寸 #

通过MediaQuery获取当前屏幕宽高，直接赋值给Container：

Container(
  width: MediaQuery.of(context).size.width,
  height: MediaQuery.of(context).size.height,
  decoration: const BoxDecoration(
    image: DecorationImage(
      image: AssetImage("assets/images/login_background.png"),
      fit: BoxFit.cover,
    )
  ),
),

修复方案二：用Expanded填充Column剩余空间 #

如果希望背景图仅占据Column中其他元素外的剩余区域，可将Container嵌套进Expanded：

Expanded(
  child: Container(
    decoration: const BoxDecoration(
      image: DecorationImage(
        image: AssetImage("assets/images/login_background.png"),
        fit: BoxFit.cover,
      )
    ),
  ),
),

额外检查项 #

• 确保pubspec.yaml配置的资源路径与实际文件路径完全一致，注意大小写（iOS/macOS环境对路径大小写敏感）
• 修改后建议重启应用，并执行flutter clean && flutter pub get清除缓存，避免资源加载异常

内容的提问来源于stack exchange，提问作者Vi Chang