【问题标题】: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()

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-30
      • 1970-01-01
      • 2019-10-25
      • 2016-08-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多