javascript - Phonegap Cordova - 全屏后底部的黑色状态栏

Question

从我记事起，我就一直遇到这个问题。我以为它可能只是来 self 的手机或模拟器，但在发布我的应用程序后，我仍然在屏幕底部看到这个黑色矩形，看起来像状态栏。

这是在我的 config.xml 中有这个之后发生的

<preference name="android-build-tool"      value="gradle"   />   
<preference name="Fullscreen"              value="true"     />
<preference name="Orientation"             value="portrait" />

屏幕截图:

更新

我注意到，如果我最小化游戏并再次点击它(很奇怪)，底部的黑条就会消失。

我尝试创建一个新项目，当我将全屏首选项放入 config.xml 后，同样的事情发生了。

似乎顶部的栏转移到底部>_>

Answer 1

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

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

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

cordova-plugin-fullscreen

我现在在 config.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 硬件导航和软件导航设备上进行测试。也许这对您也有帮助。