/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

12 votes146 views3 answers
Font weight react native
Javascript React
11 votes147 views2 answers
How to refresh the page using react
Javascript React
5 votes139 views1 answer
Create react app deployment heroku
Javascript React
1 vote138 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
0 vote136 views1 answer
React Mixed symbols
Javascript React
2 votes136 views3 answers
React native component at bottom center
Javascript React
0 vote136 views1 answer
How to write unit test cases in react js
Javascript React
0 vote146 views1 answer
How to run react build locally
Javascript React
41 votes145 views5 answers
UseRef() in react
Javascript React
0 vote173 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React