失去焦點並在點擊TextInput字段外部的反應本機時關閉鍵盤？

Question

我已經研究了一下，發現這個帖子：

react-native: hide keyboard

但這並沒有爲我工作。當我觸摸屏幕上文本輸入字段外的部分時，我期待輸入字段失去焦點，鍵盤將被解散。但是，什麼都沒有發生。光標在輸入上保持閃爍。

下面是我試過的代碼。請注意，我用的終極版型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仿真器的代碼與三星S6圖像，並在我的三星筆記4

Answer 1

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