Cordova隐藏状态栏
提问于 2017-05-18 11:03:42
我正在用Phonegap和Framework7为Framework7构建一个应用程序，而且无论我做什么，我似乎都无法将状态栏隐藏在iPad上。
我尝试用谷歌搜索出几个教程，包括以下问题：
- How to remove iOS status bar with Phonegap Build?
- How to completely hide the status bar in iOS using Cordova?
- Cordova/Phonegap ignores fullscreen preference in config.xml on iOS
我已经尝试了以上所有问题的答案，我的状态栏仍然在那里。
我用xCode打开了这个项目，我可以看到这些设置配置得很好：
有关部署信息中的iPhone设置：
- 状态栏样式:默认
- 隐藏状态栏(选中)
- 需要全屏(选中)
有关部署信息中的iPad设置：
- 在应用程序启动期间隐藏(选中)
- 需要全屏(选中)
在Info > Custom iOS Target Properties中，我设置了以下内容：
- 基于视图控制器的状态栏外观:否
在触发JavaScript事件时，我还尝试使用deviceready方式：
StatusBar.hide();更新
当我跑步时：
StatusBar.isVisible属性返回false，但是我仍然看到顶部的白条。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-05-23 11:56:23
经过几个小时的调试，我终于找到了问题所在。
实际上，状态栏是隐藏的，我们将看到的白色栏是Framework7提供的覆盖，这说明了以下内容：
StatusBar.isVisible // false显然，Framework7正在隐藏状态栏，但在应用程序的顶部留下一个空白的白条，这是一个填充。
因此，要删除条形图，我必须从with-statusbar-overlay标记中删除类html。为此，我在Javascript文件中添加了以下内容：
document.documentElement.classList.remove('with-statusbar-overlay');注意，Javascript修复必须在deviceready事件之前执行。否则，您将看到主页视图与酒吧，然后酒吧将消失。如果您把它放在事件之前，用户将永远看不到条形图。
document.documentElement.classList.remove('with-statusbar-overlay');
Dom7(document).on('deviceready', function(){
// Your code
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44055927
复制
腾讯云开发者
