StatusBar 中的 BarStyle “dark-content” 在 IOS 中不起作用（React Native）

Posted 2023-04-18

【中文标题】StatusBar 中的 BarStyle “dark-content” 在 IOS 中不起作用（React Native）

【英文标题】：BarStyle "dark-content" in StatusBar is not working in IOS (React Native)

【发布时间】：2021-12-08 03:46:06

【问题描述】：

我希望 barStyle 在 ios 中始终是 "dark-content" in StatusBar。但是，当手机处于黑暗模式时，我看到文本仍在切换为白色。这个问题有什么解决办法吗？ React Native 版本是“0.63.4”。

import 
  Platform,
  StatusBar,
 from 'react-native';


 <StatusBar
          barStyle=Platform.OS === 'ios'? 'dark-content': 'default'
        />

【参考方案1】：

我找到了解决这个问题的方法。我从组件中删除了basStyle，而是在App.js 中写入了useEffect() 这段代码，它开始工作了：

useEffect(() => 
    StatusBar.setBarStyle(Platform.OS === 'ios'? 'dark-content': 'default')
, []);