cordova - 如何使用 ionic 键盘插件

Question

我正在尝试导入 Cordova 插件 ionic 键盘像这样:

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

我正在尝试使用cordova插件来防止键盘关闭(以及 ionic-plugin-keyboard is deprecated 。)

 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 和您的 config.xml 以确保所有引用都消失了，在我的情况下，我更喜欢在重新安装插件时删除 node_modules 和 plugins 文件夹，然后运行

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

安装 non deprecated plugin ，现在在您项目的任何类中，您都可以像这样使用插件:

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;
    }

您必须始终像这样声明 var

添加 declare var Keyboard:any;进口后。

并在平台准备好时使用
platform.ready().then(() => {
Keyboard.show();
});