多语言展示
当前在线:369今日阅读:168今日分享:49

解决Cordova开发的iOS的app界面被状态栏覆盖

在使用phonegap3.0+的过程中,编译好的APP运行在IOS7+系统上默认是与状态栏重叠的,而运行在IOS6及老版本中时是于状态栏分离的,如下图。这里提供2个解决办法
工具/原料

Cordova

方法一、更改iOS项目源码

把文件MainViewController.m中的方法viewWillAppear改成如图所示。作用是更改view的边界,使其下移20px,刚好是状态栏的高度

方法2、更改webapp的body样式

给index.html的body设置css样式:padding-bottom: 20px而且这样还有一个好处就是状态栏可以透明!

推荐信息