How to remove black overlay on status bar on android with React Native

If you want to have white status bar then use below code:

render() {
return (
  <View style={styles.container}>
    <StatusBar backgroundColor='white' barStyle="dark-content" />
    <Text style={styles.welcome}>Welcome to Pradnya's</Text>
    <Text style={styles.instructions}>To get started, edit App.js</Text>
    <Text style={styles.instructions}>{instructions}</Text>
  </View>
);

}

in the above code "backgroundColor" will change status bar color to white and barStyle="dark-content" will set text color to black as below output:

enter image description here

and if you want to set background color to suppose "red" then change barstyle="light-content" that will show below output:

enter image description here

This should solve your issue..