React-Native:触摸 TextInput 一侧时,“onBlur”不会被触发

2023-12-29

   <TextInput
        ref={ ref => this.mobileNumberRef = ref}
        keyboardType='phone-pad'
        returnKeyType='done'
        onBlur={() => Keyboard.dismiss()}
   />

我想在触摸键盘之外时关闭键盘TextInput区域。但onBlur()没有被解雇。

有人可以让我知道如何实现这一目标吗?谢谢你!


首先onBlur当文本输入模糊时调用。但是,如果您想在触摸 TextInput 区域之外时关闭键盘,请使用以下场景

<ScrollView keyboardShouldPersistTaps="handled">
  <TextInput
    onChangeText={this.onChangeText}
    keyboardType="phone-pad"
    returnKeyType="done"
  />
</ScrollView>

or

<TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
  <View style={{ flex: 1, backgroundColor: "#fff" }}>
    <TextInput
      onChangeText={this.onChangeText}
      keyboardType="phone-pad"
      returnKeyType="done"
    />
  </View>
</TouchableWithoutFeedback>

希望这对您有帮助。如有疑问,请放心。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React-Native:触摸 TextInput 一侧时,“onBlur”不会被触发 的相关文章

随机推荐