【问题标题】:android soft keyboard whill be covered by input filed in cordovaandroid软键盘将被cordova中的输入字段覆盖
【发布时间】:2019-03-08 05:51:53
【问题描述】:

当我输入文本输入字段时,输入字段被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>

但还是不行……

是否有任何其他可能的方式来设置科尔多瓦,而不是使用输入焦点滚动?谢谢你:)

【问题讨论】:

    标签: android angular cordova


    【解决方案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 () {});
    }
    

    【讨论】:

      猜你喜欢
      • 2018-12-14
      • 2021-08-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-09-18
      相关资源
      最近更新 更多