如何配置全屏启动图以替代启动图标？

我完全懂你现在的困扰——明明在app.json里设置了全屏启动图，还把resizeMode设成了cover，结果启动的时候图片还是缩成小图标一样卡在屏幕中间，根本不是想要的全屏效果，这确实挺让人头疼的。

先看看你当前的配置：

"splash": { 
  "image": "./assets/images/splash.png", 
  "resizeMode": "cover", 
  "backgroundColor": "#fb963a" 
}

从这个配置来看，基础项是对的，但可能是下面这些细节没做好导致的问题，我给你梳理几个排查和解决的方向：

• 先确认启动图的尺寸和屏幕比例匹配
  很多跨平台框架对启动图的尺寸有隐性要求，如果你的splash.png尺寸和目标设备的屏幕比例差距太大，就算设了cover，系统也可能会强制把它缩成“图标样式”显示。比如手机端建议用16:9（1080x1920）或者9:16（1920x1080）的比例，尽量和主流设备屏幕一致，避免用方形图片，这样cover模式才能正常铺满整个屏幕。

• 检查配置是否有遗漏或冲突
  有时候光这三个配置项不够，比如在一些框架版本中，你需要确保根节点下的splash配置没有被其他平台特定的配置覆盖。另外，要确认你没有在配置里同时设置了和启动图标相关的冲突项，比如不要把splash.image指向了图标文件，或者有其他launch相关的配置干扰。

• 重新生成并同步原生启动资源
  这一步很关键！很多时候配置改了，但原生项目的旧缓存资源没更新，导致新的启动图不生效：

  • 如果是Expo类项目，运行expo prebuild --clean命令，清除旧的原生配置后重新生成适配的启动资源，之后再运行项目就能看到效果。
  • 如果是纯React Native项目，得手动替换Android端android/app/src/main/res下各drawable文件夹里的启动图，或者在iOS端打开Xcode，在LaunchScreen.storyboard里确保图片视图的约束是铺满整个屏幕（把leading、trailing、top、bottom都绑定到父视图边缘）。

• 平台特定的细节调整

  • Android：检查AndroidManifest.xml里的启动主题配置，确保它是使用全屏启动图的主题，而不是默认的图标启动样式。
  • iOS：在Xcode的LaunchScreen.storyboard中，选中你的启动图视图，在属性面板里把缩放模式设为“Aspect Fill”（对应配置里的cover），同时确保约束正确，没有固定宽高导致图片无法铺满。

按照上面的步骤一步步排查，应该就能解决启动图只显示小图标的问题了，核心就是确保图片适配、配置正确，并且让原生资源同步更新你的设置。

内容来源于stack exchange