iPhone X header and bottom tabs

@beck24 wrote:

I’m updating an ionic 1 app, and need to make it compatible with iphoneX as apparently updates will be rejected unless it runs at full screen. I’ve followed the checklist, using 1.3.5 with cordova-ios 4.5.1 and the latest statusbar plugin. I can get it running using the full space but am having issues with the spacing of the header and bottom tabs. Here’s a screenshot:

Screen Shot 2018-03-08 at 1.59.15 PM.png415x897 21.3 KB

As you can see the header title and buttons extend up into the statusbar a bit too much. The bottom tabs are obscured by the mic (or whatever that bar is).

I tried a starter and the bottom tabs are obscured there too.

Screen Shot 2018-03-08 at 1.56.07 PM.png408x893 31.2 KB

Any suggestions?

Posts: 1

Participants: 1

Read full topic