On the iPhone 14 Pro, one can't interact with the header (which prevents login, navigation and the audio-player) due to the webview being rendered underneath the dynamic island. (See the screenshot)
How to resolve
We must update the SafeAreaView to also handle the 'top' edge (to be inserted here).
This would be an easy fix, but unfortunately the status-bar causes a large gap between the useable top of the screen and the webview. (See the second screenshot, it occurs on all devices)
An option would be to animate the status-bar and only render the height if the status bar is to be shown. This would push down the web-view when it is showing, but then move the web-view back up once the status-bar is done loading.
Description
On the iPhone 14 Pro, one can't interact with the header (which prevents login, navigation and the audio-player) due to the webview being rendered underneath the dynamic island. (See the screenshot)
How to resolve
We must update the SafeAreaView to also handle the 'top' edge (to be inserted here). This would be an easy fix, but unfortunately the status-bar causes a large gap between the useable top of the screen and the webview. (See the second screenshot, it occurs on all devices)
An option would be to animate the status-bar and only render the height if the status bar is to be shown. This would push down the web-view when it is showing, but then move the web-view back up once the status-bar is done loading.