【问题标题】:Dismiss Keyboard React-Native [duplicate]关闭键盘 React-Native
【发布时间】:2015-12-28 20:48:00
【问题描述】:

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

【问题讨论】:

标签: javascript react-native


【解决方案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'。

【讨论】:

    猜你喜欢
    • 2020-11-25
    • 1970-01-01
    • 2020-11-16
    • 1970-01-01
    • 2016-12-23
    • 2020-08-23
    • 2021-03-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多