React Native TextInput blur consumes TouchableHighlight press event

Question

I have a that I\'d like to submit when I tap the red Post button, a . When the TextInput is focused, I

Answer 1

@frank, I imagine you found a workable solution, but in addition to the 'keyboardShouldPersistTaps', if you wrap your view in a TouchableWithoutFeedback element with an onPress that calls dismissKeyboard it should fix the issue.

 <ScrollView keyboardShouldPersistTaps={true} ref='scrollView'>
   <TouchableWithoutFeedback onPress={dismissKeyboard}>
     <View>
     -View Content-
     </View>
  </TouchableWithoutFeedback>
</ScrollView>

Answer 2

You need to add the property keyboardShouldPersistTaps={true} to your ScrollView.

Here is what the docs say :

keyboardShouldPersistTaps bool:

When false, tapping outside of the focused text input when the keyboard is up dismisses the keyboard. When true, the scroll view will not catch taps, and the keyboard will not dismiss automatically. The default value is false.