How to make StatusBar transparent?

android react-native statusbar
Giorgos Kartalis picture Giorgos Kartalis · Sep 20, 2018 · Viewed 24.6k times · Source

Does anyone know a way to make Android Status Bar transparent with React Native?

NOT TRANSLUCENT, Transparent.

I am using react-navigation too.

Answer

Felipe Rugai picture Felipe Rugai · Aug 18, 2019

Just use it like this: Tested with: "react-native": "0.60.4" and "0.61.5"

<StatusBar translucent backgroundColor="transparent" />

Related questions

How to find height of status bar in Android through React Native?

How can I find the height of the status bar on Android through React Native? If I check the React.Dimensions height the value seems to include the status bar height too but I'm trying to find the height of …

Read More
StatusBar color in React Native

How can I change background color of StatusBar component from react-native, without editing Android specific files? Docs says, that I can use backgroundColor property. But it fails. barStyle property, setBarStyle && setBackgroundColor static methods don`t work properly too. …

Read More
React Native android build failed. SDK location not found

I have error when i start running android What went wrong: A problem occurred evaluating project ':app'. > SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

Read More