Tabs in Header Bar

I would like to use Ionic 2 tabs for navigation but have them placed at the top of the screen (I’ve managed this no problem) with no header bar. This seems to work okay for Android but for iOS the tabs are half underneath the status bar making the status bar text not that visible and makes the tabs not clickable.

I get the feeling that really I should have a header component in the app and somehow put the tabs into it but I can’t seem to find anything on this and I’m very new to Ionic.

If it helps, what I’m attempting to do is to create a tab bar very similar to the SoundCloud for Android app which uses the available screen space perfectly by replacing the header bar with a tab component.

Any help or advice would be greatly appreciated.