Hiding "androidNavigationBar" results in top margin issue

Expo Development Tools
1

Good day everyone.

So I’ve built a start-up project using expo init test-app and modified app.json file to hide lower navigation bar on Android:

expo: {
    "androidNavigationBar": {
      "visible": "sticky-immersive"
    },
}

However, this results in a large top margin on Android phones. Tested this issue on Android emulator (Pixel 4 API 30) as well as on some Redmi phone with a notch on the screen.

This is my first project building apps for phones, so maybe I am missing something obvious? But how do I make my app fullscreen?

Thanks for any help

android
android785×1692 124 KB