/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

1 vote186 views3 answers
React redux how to change object value in reducer
Javascript React
7 votes261 views2 answers
Pass props in react
Javascript React
0 vote219 views1 answer
React native get route name
Javascript React
0 vote226 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
0 vote191 views1 answer
Preventive vs reactive
Javascript React
0 vote198 views1 answer
My react router Dom learnings
Javascript React
0 vote210 views1 answer
How to hide footer in specefic pages in react router
Javascript React
0 vote187 views1 answer
React setstate concat string
Javascript React
2 votes214 views2 answers
Run react native app in production mode
Javascript React
30 votes276 views5 answers
Use effect react
Javascript React