Question

我试图像这样导入 cordova-plugin-ionic-keyboard ：

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

Answer 2

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

如何使用Ionic Keyboard插件

2 个答案: