Dismiss Keyboard React-Native

Question

Is there a simple way to hide the iOS keyboard? I want to force it shut in a few specific scenarios that don't necessarily require focusing another view. ie like a specific response from the server.

Answer 1

Use built-in Keyboard Module:

import { Keyboard } from 'react-native';

Keyboard.dismiss(); 

Answer 2

Was able to achieve this with

import dismissKeyboard from 'react-native/Libraries/Utilities/dismissKeyboard'

And then at the point where I need to toggle the keyboard off

dismissKeyboard();

-- -- EDIT -- --

Importing like this works equally as well.

 import dismissKeyboard from 'dismissKeyboard'

-- -- EDIT #2 -- --

My original answer is now outdated. The correct way is mentioned below by @Chen-Tsu Lin

import { Keyboard } from 'react-native'; Keyboard.dismiss();

Answer 3

You may also use this library I wrote:react-native-dismiss-keyboard . It does basically the same as the import of 'dismissKeyboard', but it only uses public API and is therefore safer to use and does not rely on the packager resolving 'dismissKeyboard' as it currently does.