处理文本输入模糊，当它被单击离开

Question

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

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

Answer 1

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

例如：

const dismissKeyboard = require('dismissKeyboard')
...
<Container onPress={() => dismissKeyboard()}>
  <View> 
    <TextInput/>
  </View>
</Container>

以下是 react-native 存储库中文件的链接：

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