Keyboard.hide() 在电容器/离子 6 项目中不起作用

Question

我有一个简单的表单，用户可以输入一个值，然后将这两个值相加。

这是我的表单代码：

 <form (ngSubmit)="calculateTwo(value1, value2)">
    <ion-grid>
      <ion-row>
        <ion-col>
          <ion-item>         
            <ion-input name="value1" type="number" [(ngModel)]="value1" (keyup.enter)="calculateTwo(value1, value2)">
            </ion-input>
          </ion-item>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          <ion-item>       
            <ion-input name="value2" type="number" [(ngModel)]="value2"
              (keyup.enter)="calculateTwo(value1, value2)"></ion-input>
          </ion-item>
        </ion-col>
      </ion-row>
    </ion-grid>
    <ion-button shape="round" expand="full" type="submit">Calculate</ion-button>
  </form>

这是我在打字稿中的方法：

calculateTwo(value1, value2) {
    this.result = "Result: " + (value1 + value2);
    Keyboard.hide();
  }

我使用这个导入：

import { Keyboard } from '@capacitor/keyboard';

当我打开我的应用程序并输入值并且我想提交时，键盘不会隐藏。

这是电容器的错误吗？

来源：

https://capacitorjs.com/docs/v2/apis/keyboard

Answer 1

您必须通过运行同步您的电容器插件以将您的更改传播到所有平台（ios 和 android）：

ionic cap sync

Keyboard.hide() 在电容器/离子 6 项目中不起作用

Keyboard.hide() doesn't work in capacitor / ionic 6 project

html

android

typescript

ionic-framework

angular