Поменять панель навигации на андроиде с RN с экспо?

Question

Я начал использовать React Native с Expo, и у меня появилась первая проблема, и я не знаю, как с ней справиться. Я хочу изменить панель навигации на Android на темный или на другой цвет, но не могу понять, как это сделать. У вас есть идеи?

Я устал иметь дело с https://github.com/thebylito/react-native-navigation-bar-color#readme, но он возвращается:

TypeError: TypeError: null не является объектом (оценка 'NavigationBarColor.changeNavigationBarColor')

if (Platform.OS == 'android') {
  changeNavigationBarColor('#f00', true);
}

Answer 1

Вы установили цвет реакции на родную панель навигации?

Если нет

1. npm install react-native-navigation-bar-color --save

2. react-native link react-native-navigation-bar-color

И

Импортировали ли вы changeNavigationBarColor из 'response-native-navigation-bar-color'?

Если нет import changeNavigationBarColor from 'react-native-navigation-bar-color';

OR

Название цвета не ясно. пример цвета

white : "#ffffff" , black : "#000000"

использовать ответный родной цвет панели навигации:

example = async () => {
      try{
        if (Platform.OS == 'android') {
          const response = await changeNavigationBarColor('#ffffff');
          console.log(response)// {success: true}
          }
      }catch(e){
          console.log(e)// {success: false}
      }

  };
...
<Button
          title="Set color white"
          onPress={() => {
            this.example();
          }}
        />

Если нет, я предлагаю вам попробовать другой модуль. react-native-navbar-color

1. npm install --save react-native-navbar-color
2. react-native link react-native-navbar-color

example.js

import NavigationBar from 'react-native-navbar-color'

export default class App extends Component {
    componentDidMount() {
        NavigationBar.setColor('#ffab8e')
    }
...

Описание модуля