Show keyboard programmatically using React native

Question

How do I show Keyboard for TextInput programmatically using react native? Using a ScrollView, tapping between TextInput causes the keyboard to be dismissed. I want to show the Keyboard again using onFocus method of TextInput. Anyway to accomplish this?

Answer 1

Your ScrollView needs to include the keyboardShouldPersistTaps prop:

<ScrollView keyboardShouldPersistTaps></ScrollView>

Answer 2

consider have a reference of your textInput :

<TextInput ref={(ref)=>{this.myTextInput = ref}} />

And when you have to focus it again use : this.myTextInput.focus()

edit React16

For react16 use React.createRef to create a reference.