iOS7 Status Bar over Navigation Bar

11
votes

I'm testing my application with iOS7 and I have an issue with status bar. Basically the status bar appear over navigation bar like the image below:

iOS7 Status Bar Issue

I try to call in my viewDidLoad

 self.edgesForExtendedLayout = UIRectEdgeNone;
 self.automaticallyAdjustsScrollViewInsets = YES;

without success.

I have also added to the info.plist file UIViewControllerBasedStatusBarAppearance with no luck.

The main problem is that the application must be compatible with iOS6 and iOS7 and currently on iOS7 the view shifted 20px from the top.

4
iphoneobjective-cios6ios7xcode5
@Scott: meta.stackexchange.com/questions/94465/… – Aaron Brager
probably you are using a translucent navigationBar – Camo
i have this question as well stackoverflow.com/questions/18737186/… which after reading the answer below from Aaron gave me an idea and it worked. Will post my answer below – DogCoffee
can you use the black translucent on your status bar? – Apollo SOFTWARE
I also had same issue while delivering build to client. I compile project using xcode 4.6 and installed same ipa on IOS 7 device. The client was happy with solution :) – Akshay Nalawade

4 Answers

9
votes

edgesForExtendedLayout and automaticallyAdjustsScrollViewInsets are just standards for how parent view controllers lay out / manage the view. It looks like you're using a UINavigationBar, but not a UINavigationController, which means these properties won't do anything unless you code them to.

You can switch to use a UINavigationController, or you can programmatically change the height of your UINavigationBar from 44 to 64 on iOS 7.

5
votes

Add an outlet to the UINavigationBar.

float currentVersion = 7.0;

if ([[[UIDevice currentDevice] systemVersion] floatValue] >= currentVersion) {
    // iOS 7
    self.navBar.frame = CGRectMake(self.navBar.frame.origin.x, self.navBar.frame.origin.y, self.navBar.frame.size.width, 64);
}

You can also hide the status bar, this might be a better approach on these views to get more screen real estate.

I answered that here:

Position of navigation bar for modal view - iOS7

0
votes

This is the biggest issue that comes with iOS 7 and there are many solutions to solve this but in my opinion, the best way to solve is to remove the navigation bar and embed your view controller in a navigation controller by going to Editor > Embed In Navigation Controller.

0
votes

Add constraints top space to top layout guide

enter image description here