Cordova StatusBar插件键盘重叠

时间:2017-09-19 10:19:40

标签: javascript android cordova statusbar

我安装了这个包:https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-statusbar/

隐藏android上的状态栏。

我在第一页的deviceReady事件中使用此命令:StatusBar.hide();

效果很好,但是当我尝试聚焦某些输入时,软键盘在输入上重叠。

如果我从我的js中删除hide命令,则没有问题。

这是一个错误吗?

编辑:

  • 我尝试将全屏首选项更改为config.xml
  • 中的false
  • 我尝试在AndroidManifest.xml中将android:windowSoftInputMode="adjustResize"更改为android:windowSoftInputMode="adjustPan"

编辑2:

我也想隐藏在IOS上。但我试过Android。

1 个答案:

答案 0 :(得分:2)

尝试在config.xml中添加这些首选项

<preference name="android-windowSoftInputMode" value="adjustResize" />
<preference name="fullscreen" value="false" />

编辑

您可以尝试的另一种方式

cordova plugin add cordova-plugin-keyboard

之后添加show listener。

window.addEventListener('keyboardDidShow', function () {
    // Describe your logic which will be run each time keyboard is shown.
    setTimeout(function() {
      document.activeElement.scrollIntoViewIfNeeded();
    }, 100);
});

注意: - 在Chrome和Safari中测试