How do I get the value in TextInput when onBlur is called?

Question

In React Native, I want to pass the value of the TextInput in the onBlur event handler.

onBlur={(e) => this.validateText(e.target.value)} 

e.target.value works for plain React. But, in react-native, e.target.value is undefined. What is the structure of event args available in React Native?

Answer 1

You should use the 'onEndEditing' method instead of the 'onBlur'

onEndEditing?: function Callback that is called when text input ends.

onBlur is a component function where onEndEditing is specific for TextInput

onEndEditing

This approach works for both multiline and single line.

<TextInput      onEndEditing={(e: any) =>      {         this.setState({textValue: e.nativeEvent.text})     } }/>