Ionic ion-view header behind ios status bar

Question

How do I avoid ionic header from getting behind ios status bar like this?

I created the header with following code:

Answer 1

Add following code in config.xml

App.component.ts

Inside constructor

this.statusBar.overlaysWebView(false);

this.statusBar.styleLightContent()