phonegap开发中IOS状态栏与APP重叠问题解决方法

最新推荐文章于 2024-02-02 21:27:31 发布
最新推荐文章于 2024-02-02 21:27:31 发布
阅读量1.9k 收藏
点赞数
分类专栏： Hybird 编程 文章标签： phonegap ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/greatwang123/article/details/38025891
版权
在使用PhoneGap和jqmobile进行hybrid开发时，遇到iOS7设备上APP界面与状态栏重叠的问题。解决方案是在MainViewController.m文件中修改viewWillAppear方法，通过调整webView的frame来避开状态栏。注意防止在程序生命周期中多次执行可能导致页面压缩的代码。
摘要由CSDN通过智能技术生成

进行hybird编程，采用方案为phonegap+jqmobile，在IOS7的设备中发现APP界面的顶部与IOS状态栏互相重叠在一起，查看底层源码后发现原因，解决方法如下：

MainViewController.m 文件一处代码修改即可：

- (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.

    if ([[[UIDevicecurrentDevice]systemVersion

最低0.47元/天 解锁文章
高飞的菜鸟
关注
专栏目录
ionic ios上状态栏和app重叠解决方案
weixin_30532369的博客
03-23 416
干货文章 ·2018-03-22 01:33:01 官方issues： https://github.com/ionic-team/ionic/issues/13294 解决办法： 1、在 config.xml 中添加 1 <platform name=”ios”> 2 <preference name=”StatusBarOverlaysWebVi...
ios7状态栏重叠问题的解决方法
SwingLife的专栏
11-08 5759
ios7状态栏重叠 ios7状态栏改成ios6样式： 1、在info.plist中新增 View controller-based status bar appearance 项并且将Value设置成 NO 这样状态栏就变成白字了。 2、在AppDelegate.m中加入下面的代码，判断系统版本然后将window的frame下拉20个像素 if ([[[UIDevice curr
解决Cordova开发的iOS的app界面被状态栏覆盖
05-15 317
解决方法如下： 一：在MainViewController.m中添加如下代码： -(void)viewWillDisappear:(BOOL)animated { if([[[UIDevice currentDevice]systemVersion ] floatValue]>=7) { CGRect viewBounds...
phonegap解决iphone顶部状态栏位置的问题
巴黎的妖
02-15 6107
在 iOS7, 所有的应用都是全屏运行的，此时状态栏层叠在应用界面上. 导致头部的内容或者界面被覆盖:    社区中讨论解决该问题的方法. 他们中的一些涉及原生代码，以兼容web视图.其实最简单和干净的解决方案是增加一个20像素的顶部边缘到文档的body加入 CSS. 你可以通过版本检查避免添加 margin 属性在 iOS 6. 代码如下: function onDeviceReady
实现导航栏部分重叠的效果
binhongchang的博客
07-04 957
类似这种： 实现思路： 1，外层div设置相对定位 { display: relative; } 2，里面每一个标签设置绝对定位，并设置z-index，根据需求，设置位置，使其互相重叠 display: absolute; z-index: 1; 3，给激活的标签加一个类名:active，单独设置这个类的样式，并设置层级要高一级 z-index: 2; ...
iOS 使用PhoneGap 开发HTML5 的APP
08-14
PhoneGap是一种开源框架，它允许开发者使用HTML5、CSS3和JavaScript来构建原生的移动应用程序...尽管它简化了开发流程，但理解原生iOS开发的基本概念仍然是很有帮助的，因为这将有助于解决PhoneGap无法覆盖的复杂问题。
Xcode5 + phoneGap2.9搭建ios开发环境
05-30
在iOS应用开发中，Xcode和PhoneGap是两个至关重要的工具。Xcode是Apple官方提供的集成开发环境（IDE），用于编写Objective-C或Swift语言的原生iOS应用；而PhoneGap则是一个开源框架，允许开发者使用HTML、CSS和...
PhoneGap开发环境搭建
02-20
项目中要用PhoneGap开发，了解了下基本规则，记录一下，以备后查。(只针对Android平台)在安装PhoneGap开发环境之前，需要先安装以下框架：1.JavaSDK2.Eclipse3.AndroidSDK4.ADTPlugin5.PhoneGap1.JavaSDK直接下载...
解决PhoneGap不支持viewport的几种方法
08-26
当在 PhoneGap 应用中遇到 `viewport` 不被支持的问题时，可以尝试以下几种解决方案： 1. **iOS 平台的解决方法**： 在 PhoneGap 的配置文件 `config.xml` 中添加以下配置项： ```xml ``` 这将允许页面使用...
uniapp 解决app头部导航和手机顶部状态栏叠加问题及样式拼接写法
m0_46978096的博客
01-20 4503
app开发，手机顶部状态栏会和app头部导航叠加在一起 解决方法：拿到顶部状态栏的高度，再给头部导航加个padding-top 在app.vue里拿到状态栏的高度并存放在globalData里 onLaunch() { const that = this; uni.getSystemInfo({ success(res) { that.globalData.statusBarHeight = res.statusBarHeight; } }) }, globalData:{ statu
html5+一屏一区域内容,iPhoneX页面安全区域与内容重叠问题
weixin_36220492的博客
06-10 304
1. iPhoneX的介绍屏幕尺寸我们熟知的iPhone系列开发尺寸概要如下：△ iPhone各机型的开发尺寸转化成我们熟知的像素尺寸：△ 每个机型的多维度尺寸倍图其实就是像素尺寸和开发尺寸的倍率关系，但这只是外在的表现。倍图核心的影响因素在于PPI(DPI)，了解屏幕密度与各尺寸的关系有助于我们深度理解倍率的概念：《基础知识学起来！为设计师量身打造的DPI指南》iPhone8在本次升级中，屏幕...
解决Cordova开发iOS的app界面被状态栏覆盖的问题
zbheart_95588的博客
04-13 4028
方法一： 先在Info.plist中添加：View controller-based status bar appearance 并将其值设置为NO。 在MainViewController.m实现类文件中修改viewWillAppear方法，修改内容如下： 作用是更改View的边界，使其下移20px，刚好是状态栏的高度。 - (void)viewWillAppear:(BOOL)a
ionic 状态栏设置 android、ios差异
杨采臣的官方博客
03-30 5056
首先使用到的对象是: ionic.Platform 关于此对象的详细解释请直接查看官方文档（可以使用谷歌浏览器自带的翻译功能查看）： http://ionicframework.com/docs/api/utility/ionic.Platform/ 主要涉及到其中的两个该对象的方法： 1.showStatusBar(shouldShow)  显示或隐藏设备状态栏（在Cordova中）
App界面与顶部状态栏重叠问题的解决方法（Android）
TechPulseZ的博客
08-18 1127
通过设置主题样式、全屏模式或使用fitsSystemWindows属性，我们可以有效地解决Android应用程序界面与顶部状态栏重叠的问题。根据具体情况选择合适的解决方法，并在布局中留出足够的空间，以确保应用程序的内容不会被状态栏遮盖。当我们在开发Android应用程序时，偶尔会遇到一个常见的问题，即应用程序的界面与顶部的状态栏重叠，导致部分内容被覆盖。具体来说，我们可以尝试将顶部状态栏的高度添加到应用的顶部布局中，从而避免内容被状态栏遮盖。这些属性的作用是禁用状态栏的透明效果，并设置状态栏颜色为透明。
解决小程序头部与状态栏、小程序胶囊重叠问题
最新发布
m0_55959877的博客
02-02 693
uni.getSystemInfo uni.getMenuButtonBoundingClientRect()
状态栏和导航栏重叠，解决办法
亮京京的博客
06-28 7114
最近使用网页加载一个视频，工程中设置为竖屏方式。 全屏播放后，旋转手机，会横屏全屏播放视频。播放完成，点击done按钮，会自动返回横屏，此时导航栏上移了。 状态栏挡住了返回按钮。。。 解决办法： 在响应的VC里添加下面的方法。出现此VC时都会调用此方法。 - (BOOL)prefersStatusBarHidden{     if (_isFirst == NO) {
iOS状态栏重叠问题以及如何隐藏状态栏
ABS1118的专栏
05-11 4586
一、状态栏重叠问题 1、在info.plist中新增 View controller-based status bar appearance 项并且将Value设置成 NO 这样状态栏就变成白字了。 2、在AppDelegate.m中加入下面的代码，判断系统版本然后将window的frame下拉20个像素 if ([[[UIDevice currentDevice] sy
JS判断是IOS还是Android以及如何解决h5打包后在ios下内容与状态栏重叠问题
weixin_33717117的博客
08-04 308
h5打包后在ios下内容与状态栏重叠问题： 1：知道设备的类型： var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isiOS...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值