How to clear focus from input field in React Native?

Question

I have an input field, and I want to get rid of it after I click the "Submit" button.

Any suggestions on how I will do this?

Answer 1

You can add ref to enter text: <TextInput ref="input"> , and then call this.refs.input.blur() .

Answer 2

This may not seem like an obvious answer, but you can try the static Keyboard.dismiss () method to do this. https://facebook.imtqy.com/react-native/docs/keyboard I needed to remove focus when it was not clear which input might have it. It did the trick.

Answer 3

In my use case, I clearly needed input to lose focus (and require the user to touch it again with the intention of editing).

Kladzh in this post was the best for me:

 this.refs.input.setNativeProps({'editable':false}); this.refs.input.setNativeProps({'editable':true});