react-nativenavbarmiui

How to make the MIUI navigation bar transparent in React Native app?

I'm using @react-navigation/native for the navigation in the app, but when I switched to MIUI 12, I noticed that the MIUI navigation bar is overlapping my app navbar and this looks not so good:

That's how it looks

I want this to look like this:

That's how it supposed to look

How can I achieve this goal?

Solution

  • looks like you should create native module Immersive, Read About Immersive

    OR you can try this react-native-full-screen. hope this is will be help