为啥我不能更改状态栏的颜色？

Posted 2023-04-18

【中文标题】为啥我不能更改状态栏的颜色？

【英文标题】：Why can't I change the color of the status bar?为什么我不能更改状态栏的颜色？

【发布时间】：2019-08-03 03:43:40

【问题描述】：

这是我的代码：

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"
  
   
  );

所有其他属性都正常工作，但背景颜色没有改变。

我不知道问题出在哪里。

【参考方案1】：

这样使用。

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

【讨论】：

这个方法我也试过了，我之前指定的，还是不行。

【参考方案2】：

正如您在docs 中看到的那样，正确的方法是 backgroundColor="white"。也许还有另一个问题。你在哪个设备上测试？尝试不使用半透明（我知道它应该可以正常工作，但您的 android 版本可能存在错误）。尝试使用 rgb 颜色 (#ff0000)。让我知道你的结果。

【讨论】：

我也按照我之前指定的方式尝试过，但它不起作用。