Android Phonegap Compilations 在应用程序底部添加了不应该存在的栏？

Question

我到处查看并尝试了几乎所有方法，但我无法摆脱出现在我的 PhoneGap 应用程序底部的这个随机黑条。这是我在运行应用程序时看到的:

有趣的是，如果我最小化应用程序然后再次打开它，它会自动修复显示并且底栏消失。但为什么？!如何让它在应用程序打开时不显示此栏？

此外，在我的台式机上的 Chrome 中不会发生这种情况。它只会在应用程序在 build.phonegap.com 上编译后发生。

---

我尝试了什么:

This question似乎准确地描述了我的问题，但我已经尝试了那里讨论的所有内容但没有运气。它提到如果你有:

<meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0, height=device-height, width=device-width"/>

你应该尝试:

1. 完全删除视口(viewport)元标记(无效)
2. 仅删除“高度”部分。 IE。 height=device-height(没用)

那里的更多建议似乎是:“是的，这是一个 jquery 移动问题。只要视口(viewport)大小发生变化，就会设置样式。”

为此我尝试设置 CSS:

 .ui-page-active {
     height: 100% !important;
     min-height: 100% !important;
 }

没用...

然后我想，也许如果我可以“欺骗”应用程序来调整窗口大小，那可能会奏效。所以我尝试添加这个:

$(window).trigger("resize");

没用。

然后我想好吧，也许这是我的代码中的其他内容。所以我将整个文件剥离为一个非常准系统的文件，只有一个索引 div。它仍然发生了。

我还尝试摆弄 config.xml。我编辑了这个:

<preference name="fullscreen"                 value="true" />

并将其更改为:

<preference name="fullscreen"                 value="false" />

这没有什么区别。

我还确保我拥有所有内容的最新版本(而且我做到了)。我有:

• jQuery 移动版本 1.4.5
• jQuery v1.11.2

我还找到了this post描述同样的事情。但那里也没有解决方案。 (甚至在那里提供赏金，希望引起一些注意)

所以我真的别无选择。任何人都可以给我任何关于我缺少什么设置或我做错了什么导致这个烦人的栏出现在我的应用程序底部的线索，将是我的英雄。有什么建议吗？

Answer 1

我仅使用 <preference name="Fullscreen" value="true" /> 时遇到了同样的问题在我的 config.xml .

我最初想到的是 Android 状态栏，但对该主题进行了一些研究，现在非常坚信，这个问题来自其他一些 Android 系统 UI，直到 Cordova 包装器完成初始化后才被隐藏，导致包装器的计算尺寸错误。

经过长时间的搜索并尝试了您在其他线程中提到的几乎所有内容后，我偶然发现了一个插件:

https://github.com/mesmotronic/cordova-plugin-fullscreen

我现在在 confix.xml 中使用它

<preference name="Fullscreen" value="true" />
<preference name="AndroidLaunchMode" value="singleInstance" />
<preference name="DisallowOverscroll" value="true" />
<preference name="KeepRunning" value="true" />

这直接在 deviceready 上触发的方法的第一个播放器中

if (AndroidFullScreen) {
    // Extend your app underneath the status bar (Android 4.4+ only)
    AndroidFullScreen.showUnderStatusBar();

    // Extend your app underneath the system UI (Android 4.4+ only)
    AndroidFullScreen.showUnderSystemUI();

    // Hide system UI and keep it hidden (Android 4.4+ only)
    AndroidFullScreen.immersiveMode();
}

到目前为止，已使用 Android 6.0、5.0.1 以及硬件导航和软件导航设备进行了测试。也许这对您也有帮助。