Почему я не могу изменить цвет строки состояния?

Question

Это мой код:

import React, { Component } from 'react';
import {StatusBar,Platform,Text,StyleSheet,View} from 'react-native';

export default class TabsScrollableExample extends Component {
  render() {
    return (
        <View style={styles.container}>
        <StatusBar 
        barStyle = "light-content" 
        hidden = {false}
        style={styles.color} // I've also tried this way backgroundColor="white"
        translucent = {true}
        networkActivityIndicatorVisible = {true}
        />
 </View>
      
    );
  }
}
const styles = StyleSheet.create({
 
  container :{
  backgroundColor:"white", 
  },
  color:{
    backgroundColor:"white"
  }
   
  });

Все остальные свойства работают правильно, но цвет фона не меняется.

Я не знаю, в чем проблема.

Answer 1

Используйте вот так.

<StatusBar 
    barStyle = "light-content" 
    hidden = {false}
    backgroundColor="white"
    translucent = {true}
    networkActivityIndicatorVisible = {true}
    />

Answer 2

Как вы можете видеть в документах , правильный путь - backgroundColor = "white". Может быть, есть другая проблема. На каком устройстве вы тестируете? попробуйте без полупрозрачного (я знаю, что это должно работать в любом случае, но, возможно, там есть ошибка с вашей версией Android). Попробуйте с цветами RGB (# ff0000). Дайте мне знать ваши результаты.