I use a Bottom Tab Navigator with several different stacks in my React Native app. I have created a screen that opens like a modal using this in the screen options:
{ presentation: "modal" }
On iOS, phones with no physical home button (e.g. iPhone 12) get a strange unwanted bottom radius when the screen has been navigated to:
When the screen is being dismissed, the border radius gets even larger for a couple of seconds until it disappears completely:
I've tried changing the border radius on the screen's view but no luck. How do I get rid of this unwanted border radius? Thanks.