为什么不能更改状态栏的颜色？

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

如您在docs中所见，正确的方法是backgroundColor =“ white”。也许还有另一个问题。您在哪个设备上测试？尝试不透明（我知道它无论如何都可以工作，但是您的android版本可能存在错误）。尝试使用rgb颜色（＃ff0000）。让我知道你的结果。