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>

這是我在 typescript 中的方法：

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