The safe-area-inset-top is not respected on android devices so even with a notch at the top, there is no padding added.
The safe-area should be respected similar to what’s happening on iOS
Steps to reproduce:
Open the ionic conference app with a notched android phone, or on an android emulator running Android P or above so that a notch can be added programmatically to test. Then add
this.statusBar.overlaysWebView(true); in the
initializeApp() function located in
app.components.ts before running the app.
But this is handled fine on iOS:
This issue was brought up in the
cordova-plugin-statusbar repository apache/cordova-plugin-statusbar#112 but is still open at the time of writing.
Currently, I have a solution here -> apache/cordova-plugin-statusbar#134 (see
feature/addGetStatusBarHeightMethod) which will introduce to a way to obtain the height of the status bar through a service call. However, it would be ideal if the safe-area-inset can be enhanced to also work for Android devices