当前位置:  开发笔记 > 编程语言 > 正文

iOS 7状态栏重叠UI - 需要Cordova 3.0的解决方案

如何解决《iOS7状态栏重叠UI-需要Cordova3.0的解决方案》经验,为你挑选了1个好方法。

我有一个PhoneGap/Cordova 3.0应用程序.状态栏与iOS7中的UI重叠.我已经阅读了很多答案,说使用margin-top:20px或自定义StatusBar插件.问题是,对于margin-top,当我有一个焦点的文本输入时,它会推动所有的视图(这是预期的),当它失去焦点时,视图保持在顶部并忽略边距20px值.

StatusBar插件需要Cordova 3.1,我想使用3.0版本,因此插件解决方案不适合我的特定应用程序.

有没有解决方案来解决Cordova 3.0中的状态栏重叠问题?

我希望状态栏处于活动状态(不隐藏).我使用AppBuilder开发Windows.



1> Arjun T Raj..:

如果您不想隐藏状态栏, 请检查此解决方案

function onDeviceReady() {
    if (parseFloat(window.device.version) === 7.0) {
          document.body.style.marginTop = "20px";
    }
}


document.addEventListener('deviceready', onDeviceReady, false);

或者 隐藏状态栏

在xcode中打开项目首先选择状态栏样式下的复选框(在应用程序启动期间隐藏) - xcode中的常规项目设置 在此输入图像描述

select projectname-info.plist(xcode中的参考资料部分) 在此输入图像描述

并添加键"查看基于控制器的状态栏外观"和值"否" 在此输入图像描述

推荐阅读
sx-March23
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有