关闭键盘 React-Native

Posted 2023-04-14

【中文标题】关闭键盘 React-Native

【英文标题】：Dismiss Keyboard React-Native [duplicate]

【发布时间】：2015-12-28 20:48:00

【问题描述】：

有没有隐藏ios键盘的简单方法？我想在一些不一定需要关注另一个视图的特定场景中强制它关闭。即像来自服务器的特定响应。

【问题讨论】：

react-native: hide keyboard的可能重复

【参考方案1】：

使用内置Keyboard模块：

import  Keyboard  from 'react-native';

Keyboard.dismiss(); 

【讨论】：

有什么办法可以关闭键盘又不会失去焦点？

【参考方案2】：

能够做到这一点

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

然后在我需要关闭键盘的地方

dismissKeyboard();

-- -- 编辑 -- --

像这样导入也同样有效。

import dismissKeyboard from 'dismissKeyboard'

-- -- 编辑#2 -- --

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

import  Keyboard  from 'react-native';

Keyboard.dismiss(); 

【讨论】：

从 React Native 0.35 开始，您可以使用一个键盘组件。 facebook.github.io/react-native/releases/next/docs/…。但是，我无法按照文档建议从“react-native”导入 Keyboard。我使用 'react-native' 中的 const Keyboard。

我对这个答案投了反对票，不要因为它不正确，而只是因为它已经过时了。在 RN 中使用 Keyboard 模块构建

【参考方案3】：

你也可以使用我写的这个库：react-native-dismiss-keyboard。它与'dismissKeyboard'的导入基本相同，但它只使用公共API，因此使用起来更安全，并且不像现在那样依赖打包器解析'dismissKeyboard'。