为什么我无法更改状态栏的颜色？

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）。让我知道您的结果。