Close keyboard on button press in react-native

Question

When i press an input in react-native , the keyboard pops an opens. I would like to close the keyboard (ONLY) when pressing some button. How can i do this?

oblador · Accepted Answer · 2017-10-16 23:06:26Z

20

You can dismiss the keyboard by using Keyboard.dismiss.

import { Keyboard } from 'react-native'; <Touchable onPress={Keyboard.dismiss}>...</Touchable>

If you're using a ScrollView you'll need to set keyboardShouldPersistTaps prop to true.

edited Oct 16, 2017 at 23:06

answered Jun 27, 2016 at 17:54

oblador

3,00422 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Vandervidi Over a year ago

Working perfectly!

panurg Over a year ago

@oblador did you mean this one: react-native-dismiss-keyboard when you wrote from 'dismissKeyboard'?

Aldor Over a year ago

What if we are using a FlatList inside ?

Collectives™ on Stack Overflow

Close keyboard on button press in react-native

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related