在本機響應中在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。 不知道我做錯了什么。

我已經在Genymotion模擬器上使用Samsung S6圖像和三星Note 4測試了代碼。

Answer 1

您需要檢查TouchableWithoutFeedback的尺寸，以確保調用了onPress 。