iOS 7: UITableView shows under status bar

For anyone interested in replicating this, simply follow these steps:

1. Create a new iOS project
2. Open the main storyboard and delete the default/initial UIViewController
3. Drag out a new UITableViewController from the Object Library
4. Set it as the initial view controller
5. Feed the table some test data

If you follow the above steps, when you run the app, you will see that nothing, including tweaking Xcode's checkboxes to "Extend Edges Under {Top, Bottom, Opaque} Bars" works to stop the first row from appearing under the status bar, nor can you address this programmatically.

E.g. In the above scenario, the following will have no effect:

// These do not workself.edgesForExtendedLayout=UIRectEdgeNone;self.extendedLayoutIncludesOpaqueBars=NO;self.automaticallyAdjustsScrollViewInsets=NO;

This issue can be very frustrating, and I believe it is a bug on Apple's end, especially because it shows up in their own pre-wired UITableViewController from the object library.

I disagree with everyone who is trying to solve this by using any form of "Magic Numbers" e.g. "use a delta of 20px". This kind of tightly coupled programming is definitely not what Apple wants us to do here.

I have discovered two solutions to this problem:

• Preserving the UITableViewController's scene:
  If you would like to keep the UITableViewController in the storyboard, without manually placing it into another view, you can embed the UITableViewController in a UINavigationController (Editor > Embed In > Navigation Controller) and uncheck "Shows Navigation Bar" in the inspector. This solves the issue with no extra tweaking needed, and it also preserves your UITableViewController's scene in the storyboard.

• Using AutoLayout and embedding the UITableView into another view (I believe this is how Apple wants us to do this):
  Create an empty UIViewController and drag your UITableView in it. Then, Ctrl-drag from your UITableView towards the status bar. As the mouse gets to the bottom of the status bar, you will see an Autolayout bubble that says "Top Layout Guide". Release the mouse and choose "Vertical Spacing". That will tell the layout system to place it right below the status bar.

I have tested both ways on an empty application and they both work. You may need to do some extra tweaking to make them work for your project.

If you are doing things programatically and are using a UITableViewController without a UINavigationController your best bet is to do the following in viewDidLoad:

Swift 3

self.tableView.contentInset = UIEdgeInsets(top: 20, left: 0, bottom: 0, right: 0)

Earlier Swift

self.tableView.contentInset = UIEdgeInsetsMake(20.0f, 0.0f, 0.0f, 0.0f);

The UITableViewController will still scroll behind the status bar but won't be under it when scrolled to the top.

Please note: This worked for me for the following configuration:

• No navigation bar at the top of the screen (table view meets status bar)
• Table view is non-scrollable

If the above two requirements aren't met your milage may vary.

Original Post

I created my view programmatically and this ended up working for me:

- (void) viewDidLayoutSubviews {    // only works for iOS 7+    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {        CGRect viewBounds = self.view.bounds;        CGFloat topBarOffset = self.topLayoutGuide.length;        // snaps the view under the status bar (iOS 6 style)        viewBounds.origin.y = topBarOffset * -1;        // shrink the bounds of your view to compensate for the offset        viewBounds.size.height = viewBounds.size.height + (topBarOffset * -1);        self.view.bounds = viewBounds;    }}

Source (in topLayoutGuide section at bottom of pg.39).