如何在React Native中更改安全区域中项目的文本颜色？

Question

我正在尝试根据react-native-ui-kitten中的主题更改SafeAreaView中的文本和其他图标的颜色（选中此Screenshot）。我尝试在样式表中设置颜色，但效果不好。

Answer 1

您可以这样尝试Status bar's props barStyle：

import { StatusBar } from 'react-native';
...
<StatusBar barStyle="light-content" /> //or "dark-content" 
...

DOC example

Answer 2

我认为您应该使用StatusBar-一种反应本机基本组件来更改商品颜色。 https://reactnative.dev/docs/statusbar#barstyle