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

Flutter新手求助:图片资源查找与加载失败问题

Flutter 图片资源加载问题解决方法

我是Flutter新手,在使用Image.asset加载图片资源时遇到了问题,当时的代码如下:

Image.asset(
  "assets/my_image.png",
  fit: BoxFit.fill,
  package: 'mypackage',
  filterQuality: FilterQuality.high,
),

对应的pubspec.yaml配置为:

assets:
  - assets/

经过排查,我找到了解决方案,分享给有同样困扰的开发者:

  • 确认图片资源存放路径:因为代码里指定了package: 'mypackage',图片必须放在mypackage包的assets目录下,即完整路径为mypackage/assets/my_image.png
  • 调整包内的pubspec.yaml配置:在mypackage自身的pubspec.yaml中,需要正确声明资源:
    flutter:
      assets:
        - assets/
    
  • 优化图片路径:使用package参数时,图片路径可以直接写my_image.png(Flutter会自动去对应包的assets目录查找),或者保持assets/my_image.png但要确保包内路径完全匹配
  • 刷新资源并重启应用:执行flutter pub get更新资源配置,然后重启应用(热重载可能无法识别资源路径的变更)

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.15 06:32:33