Position of navigation bar for modal view - iOS7

DogCoffee picture DogCoffee · Sep 11, 2013 · Viewed 22.9k times · Source

In a navigation controller, you automatically get the correct colour and position of a navigation bar as expected.

like this

enter image description here

But in modal view, when you drag in a navigation bar, you can position it right at the top, which is too close to the carrier / battery info.

enter image description here

So you can drag it down, guess how far so it matches the position of the automatically created one, but then you have a colour discrepancy. I have tried changing status bar settings in IB, doesnt make a difference.

enter image description here

Is there a correct way to do overcome this, as in make a modal view look like the auto generated nav view.

Thanks

Answer

Matt picture Matt · Jan 7, 2014

The best way to overcome this in iOS 7 is by conforming to the new UIBarPositioningDelegate protocol.

You connect the delegate of your NavigationBar to your view controller (set your view controller as the delegate for the navigation bar either through storyboard or through code) and conform to that protocol and by implementing the method

-(UIBarPosition)positionForBar:(id<UIBarPositioning>)bar { return UIBarPositionTopAttached; }

You can remove the top gap in the view controller. You need to place the bar 20 points below the top edge