如何使用离子键盘插件答案

【问题标题】：How to use the Ionic Keyboard plugin如何使用离子键盘插件
【发布时间】：2018-10-18 08:44:45
【问题描述】：

我正在尝试像这样导入 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()
   }
 }

我怎样才能正确导入这个？

【问题讨论】：

标签： cordova ionic-framework ionic2 ionic3 cordova-plugins

【解决方案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;
    }

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

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

并在平台准备好时使用

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

【讨论】：

add declare var Keyboard:any;导入后。我如何导入它？
不需要导入。从“离子角”导入{平台、警报控制器、导航、事件、模态控制器}； import ......... ...... 声明 var Keyboard:any;
@mustafamohamed，请确保您没有对 ionic-plugin-keyboard 插件或 npm 包的任何引用，然后运行 ionic cordova plugin add cordova-plugin-ionic-keyboard --save 和那么你可以像这样使用它“import ..... declare var Keyboard:any; export class BasePage { keyboard: any; constructor(public viewCtrl: ViewController,) { this.keyboard = Keyboard; } 只是确保视图是已经初始化了
有没有人举例说明他们是如何设置的？仍然无法让 isVisiable 响应。

【解决方案2】：

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

【讨论】：