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

Flutter Native启动页图片不显示问题求助

解决方案:flutter_native_splash图片无法加载问题

针对启动页颜色正常但图片不显示的问题,按以下步骤排查解决:

  • 修正路径分隔符
    YAML配置文件中路径需使用正斜杠/,反斜杠\会被当作转义字符导致路径解析错误。修改flutter_native_splash的image配置:

    flutter_native_splash:
      image: assets/RoderLogoo.png
      color: "#2A52BE"
      android: true
      ios: true
      web: true
    
  • 重新生成原生启动页资源
    修改配置后必须执行插件的生成命令,否则原生端不会更新资源:

    flutter pub run flutter_native_splash:create
    
  • 清理缓存并重启项目

    1. 清理Flutter缓存:
      flutter clean
      
    2. 重新获取依赖:
      flutter pub get
      
    3. 关闭并重启IDE,重新运行项目,避免缓存导致的资源不加载。
  • 检查图片适配(可选)
    确保原图片符合插件基本要求:

    • 建议使用正方形图片(比如200x200),插件会自动适配不同分辨率的原生启动页
    • 暂时换成不透明背景的PNG图片测试,排除透明背景在部分原生端的兼容问题
  • 验证原生端生成的资源(如果上述步骤无效)

    • Android:查看android/app/src/main/res/drawable目录下是否存在生成的splash.png及各分辨率目录下的对应图片
    • iOS:查看ios/Runner/Assets.xcassets/LaunchImage.imageset目录下是否有生成的不同尺寸图片

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.25 17:44:59