Android Phonegap编译在应用程序底部添加了一个不应该出现的栏?
我到处都找过,几乎什么都试过了,但我无法摆脱PhoneGap应用程序底部随机出现的黑条。这是我运行应用程序时看到的: 有趣的是,如果我最小化应用程序,然后再次打开它,它会自动修复显示,并且底部栏消失。但为什么?!我怎样才能让它从应用程序打开的那一刻起不显示此栏 而且,这不会发生在我的桌面电脑上的Chrome中。只有在build.phonegap.com上编译应用程序后,才会发生这种情况Android Phonegap编译在应用程序底部添加了一个不应该出现的栏?,android,cordova,jquery-mobile,Android,Cordova,Jquery Mobile,我到处都找过,几乎什么都试过了,但我无法摆脱PhoneGap应用程序底部随机出现的黑条。这是我运行应用程序时看到的: 有趣的是,如果我最小化应用程序,然后再次打开它,它会自动修复显示,并且底部栏消失。但为什么?!我怎样才能让它从应用程序打开的那一刻起不显示此栏 而且,这不会发生在我的桌面电脑上的Chrome中。只有在build.phonegap.com上编译应用程序后,才会发生这种情况 我的尝试: 似乎准确地描述了我的问题,但我尝试了那里讨论的一切,但没有运气。它提到,如果您有: <m
我的尝试: 似乎准确地描述了我的问题,但我尝试了那里讨论的一切,但没有运气。它提到,如果您有:
<meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0, height=device-height, width=device-width"/>
不起作用
于是我想,如果我能“愚弄”应用程序来调整窗口的大小,这可能会奏效。因此,我尝试添加以下内容:
$(window).trigger("resize");
不起作用
然后我想,好吧,也许是我代码中的其他东西。所以我把整个文件剥离成一个只有一个索引div的非常简单的文件,但它仍然存在
我还尝试过摆弄config.xml。我编辑了这个:
<preference name="fullscreen" value="true" />
并将其更改为:
<preference name="fullscreen" value="false" />
这没什么区别
我还确保所有东西都有最新版本(我也有)。我有:
- jQuery移动版1.4.5
- jqueryv1.11.2
所以我真的没有选择了。谁能给我任何线索,让我知道我错过了什么设置,或者我做错了什么,导致这个恼人的条出现在我的应用程序底部,谁就是我的英雄。有什么建议吗?我在
config.xml
中只使用了
就遇到了同样的问题
我最初想到了Android状态栏,但对该主题进行了一些研究,现在我有了一个非常坚定的信念,这个问题来自于其他一些Android系统UI,直到Cordova包装器完成init,才被隐藏,从而导致包装器的计算大小错误
经过长时间的搜索并尝试了您在其他帖子中提到的几乎所有内容后,我偶然发现了一个插件:
我现在在confix.xml中使用它
<preference name="Fullscreen" value="true" />
<preference name="AndroidLaunchMode" value="singleInstance" />
<preference name="DisallowOverscroll" value="true" />
<preference name="KeepRunning" value="true" />
到目前为止,已经在Android 6.0、5.0.1和硬件导航和软件导航设备上进行了测试。也许这对你也有帮助。我正在使用Phaser 2.6.2和Cordova 6.3.1制作一个JS游戏。我实现了@devjsp的所有建议,但对我来说没有任何改变,尽管我一开始认为它是有效的 编辑:我最初有一个不同的解决方案,但它不起作用 问题是标题栏(android特有的结构)没有被隐藏@devjsp的建议都针对状态栏。为了解决这个问题,我保留了全屏首选项(而不是插件)来隐藏状态栏。然后,我添加了这个插件,使我能够轻松地从config.xml编辑特定于平台的文件。然后我关闭了config.xml中的标题栏 装置
cordova插件添加cordova自定义配置-保存
Config.xml设置
通过构建应用程序,打开platforms/android/AndroidManifest.xml
并搜索android:theme=“@android:style/theme.Black.NoTitleBar”
字符串,可以检查标题栏首选项是否成功工作
更新:看起来Cordova 6.4.0添加了对
编辑配置的支持,这将取代自定义配置插件。没有时间玩它,但您可以阅读,和。我有完全相同的问题,通过根本不使用全屏设置,而是使用cordova状态栏插件修复:
安装插件:
cordova plugin add cordova-plugin-statusbar
删除config.xml中的全屏设置并添加插件:
<plugin name="cordova-plugin-statusbar" spec="2.2.2" />
你能把你的barbone项目上传到github吗?是的,我会的。启动后将在此处进行评论。我遇到了AndroidFullScreen未定义的问题
错误。通过使用const runningCordova=!!修复了此问题!!科尔多瓦;if(runningCordova&&AndroidFullScreen){…}
。此外,我必须将cordova中的初始化代码移动到ondevice ready函数document.addEventListener(“deviceready”,window.app.init,false)代码>
<preference name="fullscreen" value="true" /> <!-- Keep this -->
<platform name="android">
<!-- cordova-custom-config plugin pref below -->
<preference name="android-manifest/application/activity/@android:theme" value="@android:style/Theme.Black.NoTitleBar" />
<!-- ... -->
</platform>
cordova plugin add cordova-plugin-statusbar
<plugin name="cordova-plugin-statusbar" spec="2.2.2" />
$(document).ready(function(){
document.addEventListener("deviceready", function(){
StatusBar.hide();
}, false);
});