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

Question

我已经研究过它并找到了这篇文章：

react-native：隐藏键盘

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

下面是我试过的代码。请注意，我使用的是 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 图像和三星 note 4 在 Genymotion 模拟器上测试了代码。

Answer 1

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