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 t

Answer 1

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.

Answer 2

Your ScrollView needs to include the keyboardShouldPersistTaps prop:

<ScrollView keyboardShouldPersistTaps></ScrollView>

Answer 3

Without ScrollView works only on ios. Place this component around the code you need the keyboard to appear on:

<ScrollView keyboardShouldPersistTaps='always'>
</ScrollView>

link: https://reactnative.dev/docs/scrollview#keyboardshouldpersisttaps