title: Can't change Statusbar color
body: <p>I'm trying to change my statusbar background color.
  This is what I have:</p>
  
  <pre><code>componentDidMount(){
      this.makeRemoteRequest()
      this.renderBar()
  }
  </code></pre>
  
  <p>this is renderBar:</p>
  
  <pre><code>renderBar = () =&gt;{
   return(
     &lt;StatusBar
       backgroundColor="#553A91"
     /&gt;
   )
  }
  </code></pre>
  
  <p>I tried changing the status bar color in this method because I used my render method to have a list inside my view.
  This is my render method:</p>
  
  <pre><code>render(){
  return(
    &lt;List containerStyle={{borderTopWidth: 0, borderBottomWidth: 0}}&gt;
      &lt;FlatList
        data={this.state.data}
        renderItem={({item})=&gt;(
          &lt;ListItem
          roundAvatar
          title={`${item.name.first} ${item.name.last}`}
          subtitle={item.location.city}
          avatar={{uri: item.picture.thumbnail}}
          containerStyle={{borderBottomWidth: 0}}
        /&gt;
      )}
      keyExtractor={item=&gt;item.email}
      ItemSeparatorComponent={this.renderSeparator}
      ListHeaderComponent={this.renderHeader}
      /&gt;
    &lt;/List&gt;
  );
  }
  </code></pre>
  
  <p>What I tried didn't work, how can I change my status bar color?</p>
  
  <p>Thanks in advance!</p>