angular2--cordova解决ios的app界面状态栏和页面重叠问题

Ariel_ckr

于 2019-06-25 21:24:24 发布

阅读量773

点赞数 1

CC 4.0 BY-SA版权

分类专栏： angular2+onsenui框架文章标签： cordova 状态栏重叠 viewwillappear

本文链接：https://blog.youkuaiyun.com/Ariel_201311/article/details/93658159

angular2+onsenui框架专栏收录该内容

29 篇文章

订阅专栏

本文介绍了两种方法解决Angular2应用在Cordova中遇到的iOS设备状态栏与页面内容重叠的问题。方法一涉及修改Cordova打包文件，而方法二则是通过调整WebApp的body样式，实现状态栏透明并避免内容重叠。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：

cordova工程打包文件里的../Classes/MainViewController.m，修改viewWillAppear方法：

- (void)viewWillAppear:(BOOL)animated  
{
    [super viewWillAppear:animated];
    
    if (HEIGHT==812.0 || HEIGHT==896.0) {
        
    } else{
        CGRect viewBounds = [self.webView  bounds];
        viewBounds.origin.y=20;
        viewBounds.size.height=viewBounds.size.height-20;   //作用是更改view的边界，使其下移20px，刚好是状态栏的高度
        self.webView.frame=viewBounds;
    }
}