I am facing an issue with my Ionic View where there is no space at the top, causing the iOS Status Bar to overlap the ion-header. I have not been able to test it on Android yet.
https://i.sstatic.net/V6sBL.png
Here is the HTML code I am using:
<ion-header>
<ion-navbar>
<ion-buttons start>
<button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
</ion-buttons>
<ion-title>spots</ion-title>
<ion-buttons end>
<button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
Additionally, here is a snippet from the app.ts file:
initializeApp() {
this.platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
StatusBar.styleDefault();
});
}