Flutter模拟器中图片资源不显示问题求助

云上老周

2026-7-14

Flutter图片不显示排查方案

针对你遇到的图片加载失败问题，按以下步骤逐一排查：

检查路径大小写与拼写
Chrome模拟器对文件路径大小写敏感，确保代码中的"assets/images/dice-1.png"和实际文件的路径、文件名完全一致（比如是否是Dice-1.png而非dice-1.png，文件夹名是否是Images而非images）。
验证pubspec.yaml配置正确性
YAML文件对缩进要求严格，确保assets配置在flutter节点下，且缩进为2个空格：
```
flutter:
  assets:
    - assets/images/dice-1.png
    # 若要加载整个images文件夹，可改为：
    # - assets/images/
```
配置完成后执行flutter pub get刷新资源。
清理缓存并重启项目
执行以下命令清理缓存，然后冷启动项目（不要用热重载）：
```
flutter clean
flutter pub get
```
确认文件存在且未损坏
检查项目根目录下assets/images/文件夹内是否确实存在dice-1.png，手动打开图片确认文件未损坏。