Flutter添加背景图片后模拟器显示黑屏问题求助

不是图片加载慢导致的黑屏，大概率是资源配置或路径问题，按下面步骤排查：

• 检查pubspec.yaml的资源配置：在flutter节点下添加图片路径（yaml对缩进敏感，注意格式）：

flutter:
  assets:
    - assets/images/login_bg.png

如果需要加载整个文件夹的资源，也可以写成- assets/images/，单个文件配置更精准。

• 修正AssetImage的路径：你代码里路径开头的斜杠要去掉，Flutter的资源路径从项目根目录开始，开头加斜杠会导致资源找不到，改成AssetImage('assets/images/login_bg.png')。

• 确认图片文件存在：检查项目中是否真的有assets/images/login_bg.png这个文件，文件名、后缀要完全匹配（注意大小写，比如.png不能写成.PNG）。

• 重启应用：修改pubspec.yaml后，热重载可能不生效，需要停止应用后重新运行。

修正后的代码参考：

import 'package:flutter/material.dart';

class LoginPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        image: DecorationImage(
          image: AssetImage('assets/images/login_bg.png'),
          fit: BoxFit.cover,
        ),
      ),
    );
  }
}

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