Flutter无法加载资源图片,已尝试多种方法仍未解决,求建议
解决Flutter资源图片无法加载的排查步骤
检查
pubspec.yaml的缩进格式:确保assets节点处于flutter:的子层级下,正确格式如下:flutter: uses-material-design: true assets: - assets/logo.png - assets/back.png注意YAML对缩进要求严格,必须用空格(禁止用制表符),且层级需对齐。
执行资源同步命令:修改
pubspec.yaml后,务必在终端运行:flutter pub get清理缓存并重启项目:
- 终端运行
flutter clean清除缓存 - 关闭并重启IDE(如Android Studio/VS Code)
- 重新运行项目
- 终端运行
校验文件路径与大小写:
确保代码中的路径assets/logo.png和实际文件的名称、路径完全一致,Flutter在iOS平台对文件名大小写敏感,避免出现Logo.png与logo.png这类大小写差异。确认assets文件夹位置:
保证assets文件夹和pubspec.yaml处于同一层级(项目根目录),而非嵌套在lib或其他子目录中。尝试简化图片加载写法:
替换AssetImage写法为Image.asset的简化形式,代码示例:Image.asset( 'assets/logo.png', width: 100, height: 100, )
内容的提问来源于stack exchange,提问作者user17281101
相关产品推荐
相关产品推荐

