在cordova中提交的输入将覆盖android软键盘

Question

当我输入文本字段时，输入字段被android手机中的软键盘覆盖。我使用cordova / angular 6构建应用程序

我已经尝试了解决方法：

<preference name="Fullscreen" value="false" />
<edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity[@android:name='MainActivity']">
    <activity android:windowSoftInputMode="adjustResize" />
</edit-config>

但仍然无法正常工作...

cordova是否还有其他可能的设置方式，而不使用输入焦点滚动？谢谢:)

Answer 1

我们在JS中使用了两个函数并解决了ionic-plugin-keyboard插件。

首先，在您的主要功能中赶上该事件：

window.addEventListener('native.keyboardshow', keyboardShowHandler);
window.addEventListener('native.keyboardhide', keyboardHideHandler);

然后，使用函数上下移动您的字段（以下是我们管理自定义登录表单的代码，作为修改示例）：

function keyboardShowHandler(e) {       
$("#login .content a.reset-password").slideUp("slow", function () {});
$("#login .content a.sign-up").slideUp("slow", function () {});
$("#login .content a.credits").slideUp("slow", function () {});
$("#login .content a.tutorial").slideUp("slow", function () {});
}

function keyboardHideHandler(e) {       
$("#login .content a.reset-password").slideDown("slow", function () {});
$("#login .content a.sign-up").slideDown("slow", function () {});
$("#login .content a.credits").slideDown("slow", function () {});
$("#login .content a.tutorial").slideDown("slow", function () {});
}