React Native iOS启动页后白屏问题：如何修改白屏颜色？

原生配置方案（无需第三方库） #

这是修改RN加载完成前过渡白屏颜色的核心方式，和Android端逻辑对应：

• 打开iOS项目下的Info.plist文件，添加或修改UIViewControllerBasedStatusBarAppearance为NO（可选，用于统一状态栏风格）
• 找到LaunchScreen.storyboard文件，在Xcode中打开：
  • 选中根视图（View），在右侧属性面板的Background选项中，设置和启动页完全一致的颜色
  • 若你用纯代码实现启动页，直接在AppDelegate.m（OC）或AppDelegate.swift（Swift）里设置window背景色：

    // Objective-C
    self.window.backgroundColor = [UIColor colorWithRed:255/255.0 green:255/255.0 blue:255/255.0 alpha:1.0];
    

    // Swift
    window?.backgroundColor = UIColor(red: 255/255.0, green: 255/255.0, blue: 255/255.0, alpha: 1.0)
    

    把颜色值替换成你Android端用的RGB数值即可。

第三方启动页库适配（以react-native-splash-screen为例） #

如果项目依赖该库管理启动页，除了上述原生配置，还要确保：

• LaunchScreen.storyboard的根视图背景色已设置为目标颜色
• RN代码中调用SplashScreen.hide()的时机合理，避免出现颜色断层

注意事项 #

• 颜色值要和Android端严格一致，建议用RGB数值换算，或者用取色器直接吸取启动页颜色
• 修改后记得清理Xcode缓存（Command+Shift+K），再重新编译运行

内容的提问来源于stack exchange，提问作者Blogger Klik