状态栏颜色在iOS上不会更改

Question

我正在尝试为状态栏着色，但是在iOS版本上，它不会更改其颜色。 这是我的代码：

render(){
return(
  <View>
    <StatusBar backgroundColor="#553A91" barStyle="dark-content" />
    <List containerStyle={{borderTopWidth: 0, borderBottomWidth: 0}}>
    <FlatList
    data={this.state.data}
    renderItem={({item})=>(
      <ListItem
      roundAvatar
      title={`${item.name.first} ${item.name.last}`}
      subtitle={item.location.city}
      avatar={{uri: item.picture.thumbnail}}
      containerStyle={{borderBottomWidth: 0}}
      />
    )}
    keyExtractor={item=>item.email}
    ItemSeparatorComponent={this.renderSeparator}
    ListHeaderComponent={this.renderHeader}
    />
    </List>
  </View>
);

};

它是这样的：

如何更改状态栏的背景颜色？

Answer 1

状态栏的背景颜色只能在Android上更改。 在iOS上，您只能更改barStyle 。

statusBar在iOS上是透明的。 您可以在statusBar后面放置一个height: 20的View ，并在要模拟时更改背景颜色。

但是，iOS应用程序的状态栏通常没有其他颜色。