javascript - 在其外部点击时模糊 TextInput

Question

我在使用 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>

Answer 1

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

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