如何在反应本机中关闭系统键盘

Question

我面临的问题是似乎没有 api 让我关闭系统键盘。在我的代码中，组件呈现方法如下所示：

<TouchableOpacity onPress={()=>{alert("1111")}}>
    <Text>Alert</Text>
</TouchableOpacity>
<TextInput/>

因此，如果我现在按文本输入，系统键盘将按预期显示。但是当我按下上面的文本Alert时，我只想关闭系统键盘（并提醒一些东西）。但是我尝试使用 win7 在 rn 0.23.1 中，按下Alert文本不会关闭系统键盘。我应该怎么做才能解决这个问题？

Answer 1

如果你在 TextInput 中添加了一个 ref，你可以在 onPress 中调用它blur()。相反，您始终可以通过调用 focus() 来切换键盘。

<TouchableOpacity onPress={()=>{
  this.refs.Input.blur()
  alert("1111")
}}>
  <Text>Alert</Text>
</TouchableOpacity>
<TextInput ref="Input"/>

Answer 2

试试这个

import { Keyboard } from 'react-native;

<TouchableOpacity onPress={() => {Keyboard.dismiss()}}> <Text>Alert</Text> </TouchableOpacity> <TextInput ref="Input"/>