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

Hen*_*141 9 react-native

我有一个输入字段,我想在我点击提交按钮后摆脱焦点.

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

Rad*_*rys 16

您可以在文本输入中添加ref:<TextInput ref="input">然后调用this.refs.input.blur().

  • 我喜欢这个想法,但只有当你有某种输入或者你有 isFocused() 方法时才有效......例如,我有一个 TextInput 用于搜索字段,其下有一个列表视图。如果您搜索某些内容并在列表视图中滚动结果,则无法切换键盘以使其消失 (2认同)

Fai*_*san 9

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

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

<TextInput ref="input">

this.refs.input.blur()
Run Code Online (Sandbox Code Playgroud)