Ionic Cordova键盘隐藏输入

Question

1. 输入文本时，键盘会遮挡我的文本。

cordova-plugin-ionic-keyboard 2.1.3 "cordova-plugin-ionic-keyboard" 是 Ionic 键盘的版本。

Ionic info : 这是我的 Ionic 信息。

Ionic:

   ionic (Ionic CLI)             : 4.12.0
   Ionic Framework               : @ionic/angular 4.0.0-beta.15
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 0.8.9
   @angular/cli                  : 7.0.7
   @ionic/angular-toolkit        : 1.5.1

Cordova:

   cordova (Cordova CLI) : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms     : android 8.0.0
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.5.1, (and 10 other plugins)

System:

   NodeJS : v10.15.3 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10

- Hanoj B

---

也许我需要添加adjustPan但它不起作用。有人知道如何在Ionic中添加adjustPan吗？ - Hanoj B

Answer 1

请添加此库

最初的回答

 ionic cordova plugin add cordova-plugin-ionic-keyboard
 npm install --save @ionic-native/keyboard@4

请使用以下代码。最初的回答。

使用以下代码

import { Keyboard } from '@ionic-native/keyboard/ngx';

constructor(private keyboard: Keyboard) { }


this.keyboard.show();

this.keyboard.hide();

- sagar kaneriya

---

键盘显示（仅适用于Android） 1）显示键盘 2）调用此方法以显示键盘。 Keyboard.show();这对我没有用。 - Hanoj B

你修好了吗？ - Fernando Aureliano

Answer 2

对于电容器，请将以下内容添加到

        "Keyboard": {
          "resize": "body",
          "style": "DARK",
          "resizeOnFullScreen": true
        }
      }

在 capacitor.config.json 文件中

您的最终配置应该如下所示：

{
    "appId": "io.ionic.starter",
    "appName": "MyApp",
    "webDir": "www",
    "bundledWebRuntime": false,
    "plugins": {
        "Keyboard": {
          "resize": "body",
          "style": "DARK",
          "resizeOnFullScreen": true
        }
      }
}

- Lewin Muzvonda

---

谢谢，但这是用于“电容器”对吧？ - Hanoj B

是的，对于电容器。 - Lewin Muzvonda