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:
and if you want to set background color to suppose "red" then change barstyle="light-content" that will show below output:
This should solve your issue..