如何使用离子键盘插件

Question

我正在尝试导入cordova-plugin-ionic-keyboard，如下所示：

import {Keyboard} from 'cordova-plugin-ionic-keyboard/www/android';

我正在尝试使用 cordova 插件来防止键盘关闭(并且 ionic 插件键盘已被弃用。

import {Keyboard} from '@ionic-native/keyboard';
export class messages {
constructor (private keyboard:Keyboard){}
sendMessage(){
//send message code 
this.keyboard.show()
}
}

如何正确导入此内容？

Answer 1

首先，确保使用以下方法删除对已弃用的ionic-plugin-keyboard以及@ionic-native/keyboard的任何引用：

ionic cordova plugin remove ionic-plugin-keyboard
npm uninstall --save @ionic-native/keyboard

检查您的 package.json 和您的配置.xml以确保所有引用都消失了，就我而言，我更喜欢在重新安装插件时删除 node_modules 和插件文件夹，然后运行

cordova plugin add cordova-plugin-ionic-keyboard --save

要安装未弃用的插件，现在在项目的任何类中，您都可以像这样使用该插件：

import { ViewController, } from 'ionic-angular';
declare var cordova:any;
declare var Keyboard:any;
export class BasePage {
keyboard: any;
constructor(public viewCtrl: ViewController,) {
this.keyboard = Keyboard;
}

你必须总是像这样声明变量

导入后添加declare var Keyboard:any;。

并在平台准备就绪时使用

platform.ready().then(() => { Keyboard.show(); });

Answer 2

使用this.keyboard，无需导入任何内容。 调用 this.keyboard.hide()