/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

22 votes366 views4 answers
Copy text to clipboard reactjs
Javascript React
1 vote310 views1 answer
Network request failed fetch react native
Javascript React
0 vote345 views2 answers
Hot reload problem react 17
Javascript React
0 vote351 views1 answer
React.js file extension
Javascript React
1 vote378 views1 answer
Get image url in react input file or preview form image
Javascript React
0 vote377 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
1 vote372 views1 answer
How to setup React Context, useContext Hook
Javascript React
0 vote369 views1 answer
Outline none react native web
Javascript React
5 votes336 views2 answers
React js onclick call two functions
Javascript React
0 vote365 views1 answer
How to remove console.log from react native app
Javascript React