/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 vote344 views1 answer
How to add alternate image in img tag in react
Javascript React
0 vote319 views1 answer
Add Navbar to React Redux CRUD App
Javascript React
0 vote296 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React
21 votes328 views3 answers
Map function in react
Javascript React
1 vote377 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
94 votes378 views6 answers
Install react router
Javascript React
0 vote335 views1 answer
React router dom default params
Javascript React
0 vote346 views1 answer
Concept of node js with react js
Javascript React
5 votes377 views1 answer
Redirect in netlify react
Javascript React
18 votes324 views3 answers
How to hide header in react navigation
Javascript React