@wordpress/edit-post/build-module/components/header/index.native.js

Edit Post module for WordPress.

import { createElement } from "@wordpress/element";

/**
 * External dependencies
 */
import { Keyboard } from 'react-native';
/**
 * WordPress dependencies
 */

import { Component } from '@wordpress/element';
import '@wordpress/interface';
/**
 * Internal dependencies
 */

import HeaderToolbar from './header-toolbar';
export default class Header extends Component {
  constructor() {
    super(...arguments);
    this.keyboardDidShow = this.keyboardDidShow.bind(this);
    this.keyboardDidHide = this.keyboardDidHide.bind(this);
    this.state = {
      isKeyboardVisible: false
    };
  }

  componentDidMount() {
    Keyboard.addListener('keyboardDidShow', this.keyboardDidShow);
    Keyboard.addListener('keyboardDidHide', this.keyboardDidHide);
  }

  componentWillUnmount() {
    Keyboard.removeListener('keyboardDidShow', this.keyboardDidShow);
    Keyboard.removeListener('keyboardDidHide', this.keyboardDidHide);
  }

  keyboardDidShow() {
    this.setState({
      isKeyboardVisible: true
    });
  }

  keyboardDidHide() {
    this.setState({
      isKeyboardVisible: false
    });
  }

  render() {
    return createElement(HeaderToolbar, {
      showKeyboardHideButton: this.state.isKeyboardVisible
    });
  }

}
//# sourceMappingURL=index.native.js.map