Есть ли способ изменить цвет панели состояния Android с помощью React Native?

Я только что начал с React Native для Android, и я пытаюсь выяснить, есть ли способ изменить цвет строки состояния для Android …

Как это?

Введите описание изображения здесь

Solutions Collecting From Web of "Есть ли способ изменить цвет панели состояния Android с помощью React Native?"

Я сделал пакет npm для управления StatusBar в android

https://www.npmjs.com/package/react-native-android-statusbar

Изменения цвета не отражают версии до 21

Вы можете использовать панель состояния React Native Status (подробное описание здесь ). Все, что вам нужно сделать, это обернуть навигатор с представлением и добавить над ним компонент StatusBar. Не забудьте импортировать StatusBar из пакета «response-native».

<View> <StatusBar backgroundColor="blue" barStyle="light-content" /> <Navigator initialRoute={{statusBarHidden: true}} renderScene={(route, navigator) => <View> <StatusBar hidden={route.statusBarHidden} /> ... </View> } /> </View> 

Одна вещь, которую я заметил, это то, что вы должны создать родительский вид с помощью flex: 1 , без него вы просто увидите белый пустой экран. Однако он не упоминается в документах RN.

В настоящее время от JS нет никакого способа сделать это. Вы можете настроить его, используя специальную тему. Проверьте файл android/src/main/res/values/styles.xml из вашего проекта (шаблон находится здесь: https://github.com/facebook/react-native/blob/master/local-cli/generator-android/ Templates / src / app / src / main / res / values ​​/ styles.xml ) и читайте здесь: https://developer.android.com/training/material/theme.html

На данный момент нет открытого API. Это будет работать только с Android 5.0. Работа над мостовым модулем для достижения того же. Будет держать вас в курсе