在文本输入之外点击时模糊文本输入答案

【问题标题】：Blur TextInput when tapped outside of it在文本输入之外点击时模糊文本输入
【发布时间】：2017-01-02 12:28:49
【问题描述】：

我在使用TextInput 时遇到问题，预期的行为是，当我点击它时，它会聚焦并显示键盘，当我点击它（除了输入之外的任何地方）时，TextInput 应该会模糊，键盘会离开。目前这不会发生，无论我点击哪里，文本输入都会保持焦点。这是预期的行为吗，如果是，通常如何处理？

<Image source={require('../assets/background.jpg')} style={{width: undefined; height: undefined; flex: 1;}}>
  <View>
    <TextInput placeholder="Email" style={{ width: 200; height: 40; }} />
  </View>
</Image>

【问题讨论】：

请贴一些代码。
@Mouser 已添加，目前最小的设置 atm，它嵌套在 Image 中的原因是为了将完整的背景图像应用于当前场景
查看此链接，如果有帮助，请为答案投票！stackoverflow.com/a/41381151/718968
@IrfanAyaz 有趣的阅读，但该答案意味着一旦发生某些操作（即提交）就会触发键盘关闭。没关系，我的问题更多是关于为什么当我按下它时输入不会模糊？目前，我对这是默认行为还是我的问题感到困惑。
这不是我想的默认行为！也不适用于安卓。

标签： javascript react-native

【解决方案1】：

不幸的是，这是预期的行为。

您应该将 TextInput 包装在 ScrollView 中（并在需要时禁用滚动），然后使用属性 keyboardShouldPersistTaps="never"。

【讨论】：

@notgiorgi 您现在需要使用keyboardShouldPersistTaps="never"，因为false 已被弃用。
使用 keyboardShouldPersistTaps="handled" 在我的情况下效果更好。否则键盘太容易被解雇了。感谢分享这个 zvona，这是非常有用的信息。
这对我不起作用：react-native 版本：51。在 iOS 上
keyboardShouldPersistTaps={false} 已弃用。请改用never。