title: How to make the MIUI navigation bar transparent in React Native app?
body: <p>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:</p>
  <p><a href="https://i.stack.imgur.com/ZoZqY.jpg" rel="nofollow noreferrer">That's how it looks</a></p>
  <p>I want this to look like this:</p>
  <p><a href="https://i.stack.imgur.com/mftIk.png" rel="nofollow noreferrer">That's how it supposed to look</a></p>
  <p>How can I achieve this goal?</p>