ステータスバー色は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で透過的です。あなたのステータスバーの背後にheight: 20のViewがあり、それをシミュレートしたい場合は背景色を変更することができます。

しかし、iOSアプリは通常、ステータスバーの色が異なります。