Как я могу изменить цвет текста элементов в безопасной области в React Native?

Question

Я пытаюсь изменить цвет текста и других значков в SafeAreaView (проверьте это Снимок экрана ) на основе темы в react-native-ui-kitten. Я попытался установить цвет в таблице стилей, но ничего не вышло.

Answer 1

Вы можете попробовать Реквизит строки состояния barStyle вот так:

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

DO C пример

Answer 2

Я думаю, вам следует использовать StatusBar - собственный базовый компонент React, чтобы изменить цвет вашего элемента. https://reactnative.dev/docs/statusbar#barstyle