Search code examples
iosios11swift4xcode9iphone-x

Update app for iPhone x - without navigation bar


In one of my app, i have not used navigation bar for header. I have used UIView which is of 64 height.

I just tried to design one screen app in xCode 9 to support iPhone x.

In storyboard, I have used UIView with 64 fixed height, and a label which is center to UIView

Everything is working fine in iPhone 8 and iPhone 8+, but in iPhone x, design is not looking good.

Fixed view looks small in iPhone x.

Please check below images

iPhone x iPhone 8

As i have start developing for iPhone x for other application, navigation bar gets bigger in iPhone x (around 145 px).

How can i manage design in iPhonex without navigation bar?


Solution

  • What you need are safe margins. Official Apple tutorial on iPhone X explains everything about them here in "Human Interface Guidelines iOS" and here in "Designing for iPhone X".