El problema es la etiqueta ion-header en ios la se ve perfectamente, pero en Android sé ve solo la mitad, ambos respetan el notch, tengo un botón de navegación en el ion-header que se dirige a la página de anterior por esa razón es que necesito arreglar ese detalle, la configuración de config.xml es esta:
<preference name="SplashScreenDelay" value="3000" />
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#F79B67" />
<preference name="StatusBarStyle" value="lightcontent" />
y el código de HTML es el siguiente:
<ion-header>
<ion-toolbar>
<ion-buttons slot="start" color="primary" mode="ios">
<ion-back-button text="return" defaultHref="/"></ion-back-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content class="background">
<ion-grid #logo class="logo-row">
<ion-row>
<ion-col>
<img width="40%" src="assets/imgs/logo.svg" />
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
Cuando lo compilo y lo pruebo en un dispositivo físico se ve de manera diferente.
De ante mano gracias por su tiempo