React Native iOS端StatusBar的dark-content barStyle深色模式下不生效问题

该问题是React Native 0.63~0.65版本iOS端的已知兼容性问题：系统深色模式开启时，会自动反转StatusBar的barStyle属性取值，导致固定配置的dark-content不生效。以下是可落地的解决方案：

方案1：全局禁用App深色模式适配（最便捷，无需修改业务代码） #

• 打开iOS项目目录下的ios/[项目名]/Info.plist文件，新增配置项：

  <key>UIUserInterfaceStyle</key>
  <string>Light</string>
  

  强制App全程使用浅色模式适配，原有StatusBar的dark-content配置即可正常生效，状态栏始终显示黑色文字。
• 若使用Expo开发，直接在app.json的ios配置块中添加"userInterfaceStyle": "light"，重新执行构建即可。

方案2：单独适配状态栏逻辑（不需要修改全局适配模式） #

• 借助RN 0.63内置的Appearance接口获取当前系统外观模式，动态计算正确的barStyle取值，抵消系统的自动反转逻辑：

import { Platform, StatusBar, Appearance } from 'react-native';

const getIosBarStyle = () => {
  const colorScheme = Appearance.getColorScheme();
  // 抵消系统深色模式下的自动反转：深色模式传light-content会被系统反转为dark-content效果（黑文字）
  return colorScheme === 'dark' ? 'light-content' : 'dark-content';
}

<StatusBar
  barStyle={Platform.OS === 'ios' ? getIosBarStyle() : 'default'}
/>

• 如需响应系统模式的实时切换，可通过Appearance.addChangeListener监听模式变化，动态更新barStyle的状态值即可。

方案3：升级React Native版本（长期兼容方案） #

该bug已在React Native 0.66及之后的版本被官方修复，修复后barStyle的手动配置优先级高于系统自动反转逻辑，升级版本后你当前写的原有代码即可正常生效。

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