VSCode中Flutter项目无法添加图片问题求助

问题核心信息 #

• 代码中通过Image.asset('images/test.png')加载本地图片
• pubspec.yaml已配置assets节点声明该图片资源
• 调试控制台持续抛出Unable to load asset: images/test.png错误
• 附带Android SDK命名空间警告（与图片加载无关）

具体解决步骤 #

1. 核对文件路径与大小写
   确认项目根目录下存在images文件夹，且test.png文件存在；Flutter对路径大小写敏感，代码中的路径必须和实际文件路径完全匹配，包括文件夹名、文件名的大小写。

2. 修正pubspec.yaml配置格式
   Flutter的yaml配置对缩进要求严格，确保assets节点的层级正确：

   flutter:
     uses-material-design: true
     assets:
       - images/test.png
   

   修改完成后执行flutter pub get同步资源配置。

3. 清理缓存并重启项目
   执行flutter clean清除项目缓存，关闭VSCode后重新打开，再通过flutter run重启应用。

4. 检查资源注册细节

   • 若存在拼写错误（比如文件名后缀、文件夹名写错），及时修正；
   • 如需批量注册images文件夹下所有资源，可将配置改为- images/。

5. Android SDK警告处理（可选）
   控制台的Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns http://schemas.android.com/repository/android/common/01警告不影响图片加载，若要消除可更新Android SDK相关组件至最新版本。

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