/Javascript/React/Keyboard dismiss in react native

Keyboard dismiss in react native

import { Keyboard } from 'react-native';
Keyboard.dismiss()

Source: google.com

2 taps is required to close keyboad in react native

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

-2

Source: stackoverflow.com

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

-2

Similar codes

29 votes182 views2 answers
React or vue
Javascript React
0 vote191 views1 answer
React electron desktop app
Javascript React
0 vote183 views1 answer
Failed to construct image react-native
Javascript React
4 votes212 views1 answer
React native scrollview horizontal
Javascript React
0 vote179 views1 answer
Prevent double tap in react native
Javascript React
0 vote193 views1 answer
Try catch in react native
Javascript React
3 votes189 views1 answer
React create array
Javascript React
0 vote177 views1 answer
React hooks link to external site new tab
Javascript React
11 votes199 views2 answers
React router refreshes page
Javascript React
0 vote203 views1 answer
TextInput cursor not shown react native
Javascript React