关闭键盘React-Native

zaf*_*ani 28 javascript react-native

是否有一种隐藏iOS键盘的简单方法?我想强制它关闭几个特定的​​场景,不一定需要关注另一个视图.即喜欢来自服务器的特定响应.

Che*_*Lin 67

使用内置Keyboard模块:

import { Keyboard } from 'react-native';

Keyboard.dismiss(); 
Run Code Online (Sandbox Code Playgroud)


zaf*_*ani 28

能够实现这一目标

import dismissKeyboard from 'react-native/Libraries/Utilities/dismissKeyboard'
Run Code Online (Sandbox Code Playgroud)

然后在我需要关闭键盘的位置

dismissKeyboard();
Run Code Online (Sandbox Code Playgroud)

- - 编辑 - -

像这样的导入同样有效.

import dismissKeyboard from 'dismissKeyboard'
Run Code Online (Sandbox Code Playgroud)

- - 编辑#2 - -

我原来的答案现在已经过时了.@ Chen-Tsu Lin在下面提到了正确的方法

import { Keyboard } from 'react-native';

Keyboard.dismiss(); 
Run Code Online (Sandbox Code Playgroud)

  • 从React Native 0.35开始,您可以使用键盘组件.http://facebook.github.io/react-native/releases/next/docs/keyboard.html.然而,我无法从文档建议的'react-native'导入{Keyboard}.我使用来自'react-native'的const {Keyboard}. (4认同)
  • 我对这个答案投反对票,不是因为它不正确,只是因为它已经过时了。使用 RN 中内置的键盘模块 (2认同)