带有 Phonegap 的 iOS 7 状态栏 [英] iOS 7 Status bar with Phonegap

问题描述

在 iOS 7 中，Phonegap 应用程序将出现在状态栏下方.这会使点击位于屏幕顶部的按钮/菜单变得困难.

In iOS 7, Phonegap applications will appear underneath the status bar. This can make it difficult to click on buttons/menus that have been placed at the top of the screen.

是否有人知道如何在 Phonegap 应用程序中修复 iOS 7 上的此状态栏问题?

Is there someone who knows a way to fix this status bar issue on iOS 7 in a Phonegap application?

我尝试用 CSS 偏移整个网页，但似乎不起作用.有没有办法让整个 UIWebView 偏移或只是让状态栏表现得像在 iOS6 中一样?

I've tried to offset the entire web page with CSS but it doesn't seem to work. Is there a way to like offset the entire UIWebView or just make the status bar behave like it did in iOS6?

谢谢

推荐答案

我在另一个帖子上找到了答案，但我会回答这个问题，以防其他人有疑问.

I found an answer on another thread, but I'll answer the question in case someone else wonders.

只需将 MainViewController.m 中的 viewWillAppear 替换为:

Just replace the viewWillAppear in MainViewController.m with this:

- (void)viewWillAppear:(BOOL)animated {
    // View defaults to full size.  If you want to customize the view's size, or its subviews (e.g. webView),
    // you can do so here.
    // Lower screen 20px on ios 7
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
        CGRect viewBounds = [self.webView bounds];
        viewBounds.origin.y = 20;
        viewBounds.size.height = viewBounds.size.height - 20;
        self.webView.frame = viewBounds;
    }
    [super viewWillAppear:animated];
}

这篇关于带有 Phonegap 的 iOS 7 状态栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！