You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter无法加载资源图片,已尝试多种方法仍未解决,求建议

解决Flutter资源图片无法加载的排查步骤
  • 检查pubspec.yaml的缩进格式:确保assets节点处于flutter:的子层级下,正确格式如下:

    flutter:
      uses-material-design: true
      assets:
        - assets/logo.png
        - assets/back.png
    

    注意YAML对缩进要求严格,必须用空格(禁止用制表符),且层级需对齐。

  • 执行资源同步命令:修改pubspec.yaml后,务必在终端运行:

    flutter pub get
    
  • 清理缓存并重启项目:

    1. 终端运行flutter clean清除缓存
    2. 关闭并重启IDE(如Android Studio/VS Code)
    3. 重新运行项目
  • 校验文件路径与大小写:
    确保代码中的路径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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.25 13:22:17