iPhone X full screen issue

autolayout ios11 xcode9 iphone-x
Sunil Targe picture Sunil Targe · Sep 13, 2017 · Viewed 20.2k times · Source

Today I've installed Xcode 9 and build my app for iPhone x. but the upper and bottom area showing black like the scenarios we met couple of years ago for iPhone 5 when screen switched to 3.5 to 4.

How simply we can fix this problem?

enter image description here

Answer

Vlad Khambir picture Vlad Khambir · Sep 13, 2017

You should use a safe area.

For apps with custom layouts, supporting iPhone X should also be relatively easy, especially if your app uses Auto Layout and adheres to safe area and margin layout guides.

Read more: https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/

I am also same issue. I used safe area Layout also. But above solution not support for me . I got solution from below link.

https://www.bignerdranch.com/blog/get-your-apps-ready-for-iphone-x/

This below point helped for me to resolve that solution.

Ensure your app uses a Launch Screen storyboard (not Launch images).

Related questions

Swift Safe Area Layout Guide and Visual Format Language

I want to use Apples visual format language to constrain a view to the new Safe Area Layout Guide in iOS 11. However, I get an exception: -[NSLayoutYAxisAnchor nsli_superitem]: unrecognized selector sent to instance 0x1c447ed40 //Make View …

Read More
Using Auto Layout in UITableView for dynamic cell layouts & variable row heights

How do you use Auto Layout within UITableViewCells in a table view to let each cell's content and subviews determine the row height (itself/automatically), while maintaining smooth scrolling performance?

Read More
How to add constraints programmatically using Swift

I'm trying to figure this out since last week without going any step further. Ok, so I need to apply some constraints programmatically in Swift to a UIView using this code: var new_view:UIView! = UIView(frame: CGRectMake(0, 0, 100, 100)); new_view.…

Read More