Android Phonegap编译在应用程序底部添加了一个不应该出现的栏?

Android Phonegap编译在应用程序底部添加了一个不应该出现的栏?,android,cordova,jquery-mobile,Android,Cordova,Jquery Mobile,我到处都找过,几乎什么都试过了,但我无法摆脱PhoneGap应用程序底部随机出现的黑条。这是我运行应用程序时看到的: 有趣的是,如果我最小化应用程序,然后再次打开它,它会自动修复显示,并且底部栏消失。但为什么?!我怎样才能让它从应用程序打开的那一刻起不显示此栏 而且,这不会发生在我的桌面电脑上的Chrome中。只有在build.phonegap.com上编译应用程序后,才会发生这种情况 我的尝试: 似乎准确地描述了我的问题,但我尝试了那里讨论的一切,但没有运气。它提到,如果您有: <m

我到处都找过,几乎什么都试过了,但我无法摆脱PhoneGap应用程序底部随机出现的黑条。这是我运行应用程序时看到的:

有趣的是,如果我最小化应用程序,然后再次打开它,它会自动修复显示,并且底部栏消失。但为什么?!我怎样才能让它从应用程序打开的那一刻起不显示此栏

而且,这不会发生在我的桌面电脑上的Chrome中。只有在build.phonegap.com上编译应用程序后,才会发生这种情况


我的尝试:

似乎准确地描述了我的问题,但我尝试了那里讨论的一切,但没有运气。它提到,如果您有:

<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);
});