Gray bar caused by NavigationController at bottom of screen

Question

In my iPad app, I'm using a UITabBarController, with some of the tabs being a UISplitViewController. I've noticed when I embed my split views into a Nav controller I end up with a gray bar that spans the bottom of my screen that I cannot get rid of it.

For example, this:

Produces this:

Now, if I go in and embed the detail side into a nav controller, here's the result:

I've tried everything I can think of and that gray bar at the bottom just won't go away. Anyone have any tips?

Answer 1

Subclass UISplitViewController and add:

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.extendedLayoutIncludesOpaqueBars = YES;
}

or

- (BOOL)extendedLayoutIncludesOpaqueBars
{
    return YES;
}

Answer 2

Set the extendedLayoutIncludesOpaqueBars property of the UISplitViewController to true. This can be done when you initialize the controller (most likely in AppDelegate). I didn't need to subclass UISplitViewController to get it to work. Tested with iOS 9.2 and 9.3.

let splitViewController = UISplitViewController()    
splitViewController.extendedLayoutIncludesOpaqueBars = true