如何从React Native中的输入字段清除焦点?

时间:2016-08-30 11:23:31

标签: react-native

我有一个输入字段,在点击提交按钮后,我想摆脱对它的关注。

关于我将如何处理的任何建议?

4 个答案:

答案 0 :(得分:12)

您可以在文字输入中添加参考:<TextInput ref="input">,然后拨打this.refs.input.blur()

答案 1 :(得分:5)

Keyboard.dismiss(); 

Keyboard.dismiss()将在视图中的所有文本输入字段中移出焦点,并隐藏键盘。 对于特定领域,您可以使用上述方法

<TextInput ref="input">

this.refs.input.blur()

答案 2 :(得分:1)

这似乎不是一个显而易见的答案,但是您可以为此尝试静态方法Keyboard.dismiss()。 https://facebook.github.io/react-native/docs/keyboard 当不确定哪个输入可能具有焦点时,我需要除去焦点。这成功了。

答案 3 :(得分:-1)

在我的用例中,我明确需要输入失去焦点(并要求用户再次触摸以进行编辑)。

this blog post中的纠缠是最适合我的:

this.refs.input.setNativeProps({'editable':false});
this.refs.input.setNativeProps({'editable':true});