Как изменить цвет строки состояния в TabNavigator?

Я использую этот код, чтобы изменить цвет строки состояния представления в TabNavigator. Но это не меняет цвет в Android. Он показывает синий цвет по умолчанию вместо зеленого.

TabView1

render(){
 return(
   <View style={styles.safeArea}>
    <StatusBar
      backgroundColor="green"
      barStyle="light-content"
    />
   />
 );
}

App.js

render() {
 const MainTabNavigator = TabNavigator({
      Tab1: {
        screen: TabView1,
      },
      Tab2: {
        screen: TabView2,
      },
   },
 tabBarPosition: 'bottom',
      animationEnabled: true,
      swipeEnabled: false,
      tabBarOptions: {
        activeTintColor: '#e91e63',
        showIcon: true,
        showLabel: false,
        style: {
          backgroundColor: '#000000',
        },
        indicatorStyle: {
          opacity: 0,
        },
      },
   });
return (<MainTabNavigator />);
}

0 ответов