Keyboard

The Keyboard class allows you to work with the keyboard events provided by the Ionic keyboard plugin.

Usage

export class MyClass {

  constructor(public keyboard: Keyboard) { }

}

Instance Members

`close()`

Programmatically close the keyboard.

`didHide`

`didShow`

`eventsAvailable`

`hasFocusedTextInput()`

`isOpen()`

Check to see if the keyboard is open or not.

export class MyClass {
  constructor(public keyboard: Keyboard) {

  }

  keyboardCheck() {
    console.log('The keyboard is open:', this.keyboard.isOpen());
  }
}

Returns: boolean

returns a true or false value if the keyboard is open or not.

`onClose(callback)`

When the keyboard is closed, call any methods you want.

export class MyClass {
  constructor(public keyboard: Keyboard) {
    this.keyboard.onClose(this.closeCallback);
  }
  closeCallback() {
    // call what ever functionality you want on keyboard close
    console.log('Closing time');
  }
}

Param	Type	Details
callback	`function`	method you want to call when the keyboard has been closed.

Returns: function

returns a callback that gets fired when the keyboard is closed.

`willHide`

`willShow`

Sass Variables

All iOS Material Design Windows Platform

Property	Default	Description
`$cordova-statusbar-padding-modal-max-width`	`767px`	The breakpoint when a modal becomes inset

Property	Default	Description
`$cordova-ios-statusbar-padding`	`20px`	Height of the Statusbar
`$cordova-ios-statusbar-padding-modal-max-width`	`$cordova-statusbar-padding-modal-max-width`	The breakpoint when a modal becomes inset

Property	Default	Description
`$cordova-md-statusbar-padding`	`20px`	Height of the Statusbar
`$cordova-md-statusbar-padding-modal-max-width`	`$cordova-statusbar-padding-modal-max-width`	The breakpoint when a modal becomes inset

Property	Default	Description
`$cordova-wp-statusbar-padding`	`20px`	Height of the Statusbar
`$cordova-wp-statusbar-padding-modal-max-width`	`$cordova-statusbar-padding-modal-max-width`	The breakpoint when a modal becomes inset