I use React Native CLI. With Alert, the full screen of the app is covered and the navigation bar becomes transparent. However this does not happen with a Modal, which does not cover the navigation bar. (and it looks a bit bad). I don't understand why that happens and I'd be grateful if someone could help me out.
Asked
Active
Viewed 603 times
1

Matei Grejdan
- 11
- 1
- 2
-
This [library](https://docs.expo.dev/versions/v45.0.0/sdk/navigation-bar/) might be of help. Using this you can control the transparency of nav bar while displaying modal. – sushrut619 May 23 '22 at 20:42
-
@sushrut619 Thanks for the reply. I forgot to mention in the post that I use React Native CLI, not Expo. Do you know any equivalent library that could work for it? – Matei Grejdan May 24 '22 at 06:59
1 Answers
-1
Try setting transparent prop to 'true' - https://reactnative.dev/docs/modal#transparent

Vic
- 41
- 2
-
Thanks for the reply. I tried setting transparent to true, but it still does not cover the navigation bar. – Matei Grejdan May 24 '22 at 16:40