/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

0 vote150 views2 answers
React toastify dark mode
Javascript React
1 vote102 views1 answer
React use callback
Javascript React
0 vote132 views1 answer
Dynamic for loop react
Javascript React
2 votes141 views1 answer
React select with react hook form cotroller
Javascript React
1 vote134 views2 answers
How to place text input cursor to start in react native
Javascript React
0 vote187 views1 answer
Error: bundling failed: Error: Unable to resolve module react-native-community/toolbar-android
Javascript React
0 vote142 views1 answer
Center child components in react
Javascript React
1 vote137 views1 answer
What is react reveal
Javascript React
0 vote173 views1 answer
Avoid compressing imagepicker react native
Javascript React
0 vote155 views1 answer
Overflow scroll react native
Javascript React