在其外部轻敲时模糊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={false}。