react-native(리액트 네이티브) API - Keyboard

react-native(리액트 네이티브) API - Keyboard

import React, { Component } from 'react';

import { Keyboard, TextInput, Text, View } from 'react-native';

export default class Example extends Component {

componentDidMount () {

this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboardDidShow);

this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', this._keyboardDidHide);

}

componentWillUnmount () {

this.keyboardDidShowListener.remove();

this.keyboardDidHideListener.remove();

}

_keyboardDidShow () {

alert('Keyboard Shown');

}

_keyboardDidHide () {

alert('Keyboard Hidden');

}

render() {

return (

<View>

<Text>Type below</Text>

<TextInput

style={{backgroundColor: 'green'}}

onSubmitEditing={Keyboard.dismiss}

/>

</View>

);

}

}