当点击离开时处理 TextInput 模糊

【问题标题】：Handle TextInput blur when it is clicked away from当点击离开时处理 TextInput 模糊
【发布时间】：2017-07-03 02:27:17
【问题描述】：

我相信只有当我点击另一个输入/按钮或类似的东西时，才会在输入时发生反应原生 (ios) 模糊事件。我试图弄清楚当我点击屏幕上的其他任何地方时如何模糊它，无论是静态文本/图像/背景等。

但无法找到适用于整个应用程序的通用解决方案。类似于网络的行为方式，即如果我要单击堆栈溢出页面上某处的空白，我正在输入的当前输入将被模糊。

【问题讨论】：

标签： javascript ios reactjs input react-native

【解决方案1】：

您可以附加一个onPress 处理程序来触发dismissKeyboard（一个反应本机实用程序）到您希望获得所需效果的组件：

例如：

const dismissKeyboard = require('dismissKeyboard')

...

<Container onPress={() => dismissKeyboard()}>
  <View> 
    <TextInput/>
  </View>
</Container>

这里是 react-native repo 中文件的链接：

https://github.com/facebook/react-native/blob/master/Libraries/Utilities/dismissKeyboard.js

【讨论】：