在其外部轻敲时模糊TextInput

Ilj*_*lja 4 javascript react-native

我遇到使用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>
Run Code Online (Sandbox Code Playgroud)

zvo*_*ona 12

不幸的是,这是预期的行为

您应该将TextInput包装在内部ScrollView(如果需要,则禁用滚动),然后使用属性keyboardShouldPersistTaps="never".

  • @notgiorgi你需要使用`keyboardShouldPersistTaps ="never"`现在因为'false`被弃用了. (2认同)
  • 在我的情况下,使用“keyboardShouldPersistTaps =“handled””效果更好。否则键盘很容易被忽略。感谢您分享这个 zvona,这是非常有用的信息。 (2认同)