javascript - 在点击远离时处理 TextInput 模糊

Question

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

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

Answer 1

您可以附加一个 onPress 处理程序来触发 dismissKeyboard(一个 React native 实用程序)到您想要达到预期效果的组件:

例如:

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