How can I change text color of items in safe area in React Native?

Question

I am trying to change the color of text and other icons in SafeAreaView (check this Screenshot) based on theme in react-native-ui-kitten. I tried setting color in stylesheet but no good.

Answer 1

You could try Status bar's props barStyle like this:

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

DOC example

Answer 2

I think you should use StatusBar - a react native base component to change your item color. https://reactnative.dev/docs/statusbar#barstyle