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

Dart环境下图片无法正常显示问题求助

Dart 图片显示失败排查方案

以下是针对Dart(Flutter)中图片无法正常显示的常见排查和解决步骤:

  • 核对资源配置文件:打开pubspec.yaml,确认图片资源已正确声明,注意缩进必须为2个空格,示例:

    flutter:
      assets:
        - assets/你的图片路径.png
    

    路径要和本地文件的实际存储位置完全对应。

  • 检查代码中的路径引用:如果是本地图片,使用Image.asset()时传入的路径要和pubspec.yaml里配置的一致;如果是网络图片,确保URL可正常访问,使用Image.network()。示例代码:

    // 本地图片
    Image.asset('assets/test.png', width: 150)
    // 网络图片
    Image.network('https://example.com/image.png')
    
  • 清理缓存并重启项目:修改pubspec.yaml后,执行flutter clean命令,然后重启开发工具,再重新运行项目,避免配置未生效。

  • 验证图片本身:确认图片文件没有损坏,格式为Flutter支持的PNG、JPG、GIF等,不要使用不兼容的格式。

问题相关截图:

代码截图
运行结果截图

内容的提问来源于stack exchange,提问作者muhammedgulsoy

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.16 23:10:30