'React Native landscape mode - display over notch

I've started learning react native, and I created some simple landscape application, my issue is that the app doesn't display past the notch, which I'd want it to. I managed to solve it on portrait mode with:

<style name="ActivityTheme">
    <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
</style>

But since my app is only on landscape, this doesn't really help me and doesn't work on landscape mode. I assume since it's not related to the StatusBar anymore when on landscape.

I'm using View and not SafeAreaView, so that shouldn't ignore the notch as far as I know. An example of what it looks like on the phone(xiaomi redmi note 9 pro, android 11):

Couldn't find any solution on google/docs, so hopefully someone here could help me. Thanks.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'React Native landscape mode - display over notch

Sources

Related Questions