How to get full screen UITableView (with title) in iPhone X?

Question

I am updating my application with Xcode 9 for compatibility with iPhone X. I am using an automatic layout and have the “Use Safe Zone Planning Guide” marked.

I have a title in a UITableView, and as you can see in the screenshot below, the title view strictly respects the top safe area. The header does not match my top tableview constraint (which is larger than the safe area)

My restrictions on viewing the table:

How do I do to change the title to fill the top of the screen (white area in the screenshot)?

Answer 1

This is probably due to your limitations being poorly established.

You just need to change the upper limit of your title by double-clicking on it.

Screen where you should double click:

And change the restriction of the Safe Zone using the Superview element.

Answer 2

In the size inspector for your table view, set Content Insets to Never

Answer 3

To do this, set the top area of ​​the table relative to the superview instead of safearea.

In viewdidload, write this

if #available(iOS 11.0, *) { self.tableView.insetsContentViewsToSafeArea = false; self.tableView.contentInsetAdjustmentBehavior = .never; }