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