在 React Native 的 TextInput 字段外单击时失去焦点并关闭键盘？

Question

我已经研究过了，发现了这个 post:

但这对我不起作用。当我触摸文本输入字段之外的屏幕部分时，我预计输入字段会失去焦点并且键盘会消失。但是，什么也没有发生。光标一直在输入上闪烁。

下面是我试过的代码。请注意，我使用的是 redux-form v6:

import dismissKeyboard from 'dismissKeyboard';

<TouchableWithoutFeedback onPress={()=> dismissKeyboard()}>
        <View style={styles.inputWrap}>
          <Field name="editLocation" component={TextField} />
          <Button onPress={handleSubmit(this.onSubmit)}>Sign In</Button>
        </View>
</TouchableWithoutFeedback>

TextField 组件 包含 TextInput。不确定我是否做错了什么。

我已经用三星 S6 图像在 Genymotion 模拟器和我的三星 note 4 上测试了代码。

Answer 1

您需要检查 TouchableWithoutFeedback 的尺寸以确保您的 onPress 被调用。