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

【问题标题】：How can I close system keyboard in react native如何在本机反应中关闭系统键盘
【发布时间】：2016-09-30 21:10:27
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

试试这个

import { Keyboard } from 'react-native;

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

【讨论】：