Search code examples
iphonecordovaios7xcode5

iOS 7 status bar overlapping UI

I recently upgraded to xcode 5 and when I run my app in the iOS simulator the splash screen overlaps the status bar and when you are in the app the status bar overlaps onto elements on my app, like a back button I have on the top left hand corner of my app. I build my app using phonegap 2.9. Any ideas how i can get this to render correctly.

splashscreen

UI

Solution

  • You can resolve this issue if you are using storyboards, as in this question: iOS 7 - Status bar overlaps the view

    If you're not using storyboard, then you can use this code in your AppDelegate.m in did finishlaunching:

    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
    [application setStatusBarStyle:UIStatusBarStyleLightContent];
    self.window.clipsToBounds =YES;
    self.window.frame =  CGRectMake(0,20,self.window.frame.size.width,self.window.frame.size.height-20);
}

    Also see this question: Status bar and navigation bar issue in IOS7