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

adding margin won't work exactly. It will only create an empty space at the bottom of your screen.

The fix is to make sure you have viewport-fit = cover in your app's meta tag.