React-Native: 'onBlur' 在触及 TextInput 的一侧时不会被触发

Question

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

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

谁能告诉我如何实现这个目标？谢谢你!

Answer 1

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

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

或

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

希望对您有所帮助。如有疑问，请随意。