CODEWITHSUNDEEP
react-nativemodal-dialogexpo
Datastores11
Datastores11

Reputation: 123

react native modal status bar is white not transparent

I use this libary for my modal:

https://github.com/jeremybarbet/react-native-modalize

if I open the modal, my statusbar is white. How can I make this transparent ?

Upvotes: 1

Views: 2350

Answers (2)

cocoa
cocoa

Reputation: 371

Please use statusBarTranslucent. This will solve your problem perfectly.

This has added since React Native 0.62

<Modal {...props} statusBarTranslucent>...</Modal>

Thanks.

Upvotes: 2

Sick Ranchez
Sick Ranchez

Reputation: 228

I use react-native-modal and I have the same issue.

This library doesn't completely hide the status bar but makes it transparent instead of white. No codes required. You just need to link the library and it works.

https://github.com/listenzz/react-native-modal-translucent

Upvotes: 0

Related Questions