Dismiss keyboard on React Native: Tắt keyboard khi chạm ra ngoài TextInput

Dismiss keyboard on React Native.MD

Dismiss keyboard on React Native: Tắt keyboard khi chạm ra ngoài TextInput

import React, { Component } from 'react';
import { TouchableWithoutFeedback, View, TextInput } from 'react-native';
import dismissKeyboard from 'react-native/Libraries/Utilities/dismissKeyboard';

export default class LoginForm extends Component {

  constructor(props) {
      super(props);
      this.state = { text: 'Useless Placeholder' };
  }

  render () {
    	return (
   		<TouchableWithoutFeedback style= { { flex:1}} onPress={dismissKeyboard}>
  			<View style= { { flex:1}}>
				<TextInput
                    			multiline={true}
                        		style= { { height: 100, borderColor: 'gray', borderWidth: 1, marginTop: 100}}
                        		value={this.state.text}
                      		/>
                	</View>
  		</TouchableWithoutFeedback>
   		);
    }
}

trungpv1601 15-03-2017