Hide StatusBar on model show.

[Ace000001]

I was wondering if there is a way to hide the statusbar when viewer is visible? I can set the background and color of status bar but i reduces the focus while browsing images.

[reyn-nova]

import { StatusBar } from 'react-native'

StatusBar.setHidden(true) //before set visible true?

then on Modal onDismiss set the status bar hidden false again

[Ace000001]

@rp-nova Thanks for your reply. Already tried that. But when i hide the StatusBar on the model my StatusBar on the parent screen gets visible behind the model. I even tried setting the zIndex of the model but no use. Model is not taking the space of full screen leaving the safe area on top.

[reyn-nova]

@Ace000001 could you tell me, if you set the status bar translucent to true followed by changing status bar background to 'transparent', does it also not working?

[reyn-nova]

just only when the viewer is visible, after that you can return it back to the previous status bar state

[Ace000001]

I wasn't working even with translucent true and transparent background. Due to the shortage of time I switched to an other plugin and it had an built in option to hide the status bar for full screen view. So i got it working with another package.

[suhailamir]

@Ace000001 Could you tell what other package you used, Thanks.

[Ace000001]

@suhailamir Here

[suhailamir]

Thanks @Ace000001