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

TIL

787

react-native

12

react native

10

reactjs

64

trungpv viết ngày 15/03/2017

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