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

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

这在我的config.xml中有此情况之后发生

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

截图:



更新

我注意到，如果我对游戏进行 MINIMIZE ，然后单击鼠标右键备份(怪异)，则底部的黑条消失。

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

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

最佳答案

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

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

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

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上进行了测试。也许对您也有帮助。

关于javascript - Phonegap Cordova-全屏显示后底部的黑色状态栏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36385665/