TextInput weird behaviour in React-Native

Question

I have the following TextInput,

Answer 1

Maybe try this:

import DismissKeyboard from 'dismissKeyboard';
<TouchableWithoutFeedback onPress={()=>{DismissKeyboard()}}>
    <View style={Styles.container}>
       <TextInput />
    </View>
 </TouchableWithoutFeedback>

Answer 2

This is because of scroll view. Add props keyboardShouldPersistTaps in your scrollview as below to solve error :

<ScrollView
    keyboardShouldPersistTaps="handled"
    keyboardDismissMode="interactive"
>

...
...

</ScrollView>

You can find more detail here