如何在 Ionic 3 中隐藏键盘？

Question

如何在ionic3中隐藏键盘？

在 iPhone 测试期间，我们遇到了 ionic 3 应用程序的问题。填写支付网关信息（在 iFrame 中启动）后，每当我们使用返回按钮返回页面时，键盘都不会隐藏。

我们使用了 cordova-plugin-ionic-keyboard 和 Keyboard.hide() 方法。但是没用。

Answer 1

使用Cordova的键盘插件：

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

...

constructor(private keyboard: Keyboard) { }

...

this.keyboard.show(); 
this.keyboard.hide();

或者，如果您使用的是 Capacitor（推荐）：

import { Plugins, KeyboardInfo } from '@capacitor/core';    
const { Keyboard } = Plugins;

...

Keyboard.show();   
Keyboard.hide();

Answer 2

试试这个

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

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
 constructor(public navCtrl: NavController, public keyboard : Keyboard) {
  }
}

然后在返回按钮上使用这个

this.keyboard.close()