react native keyboard dismiss code example

Example 1: react native textinput no keyboard

<TouchableWithoutFeedback onPress={Keyboard.dismiss} >
    <TextInput />
</TouchableWithoutFeedback>

Example 2: 2 taps is required to close keyboad in react native

<ScrollView contentContainerStyle={{flexGrow: 1}}
  keyboardShouldPersistTaps='handled'
>
  <TextInput keyboardType='numeric'/>
</ScrollView>

Example 3: keyboard close when typing react native

It's because the ListHeaderComponent from the FlatList is being re-render each time you change the state. I'm not sure to see a quick solution to fix in this context of usage.

Even though if you have the possibility to use HeaderComponent instead I would recommend you do that: https://snack.expo.io/@jeremdsgn/modalize-issue

I'm closing this issue

Tags:

Javascript Example

Related