TextInput 필드 외부를 클릭하면 포커스가 사라지고 키보드가 사라집니다.

Question

나는 이미 그것에 대해 연구하고 해당 게시물을 발견 :

react-native: hide keyboard

을하지만 나를 위해 작동하지 않았다. 텍스트 입력 필드 외부의 화면 부분을 터치하면 입력 필드가 포커스를 잃고 키보드가 사라질 것으로 예상했습니다. 하지만 아무 일도 일어나지 않고 있습니다. 커서가 입력에서 계속 깜박입니다.

아래 코드는 제가 시도한 코드입니다. 내가 REDUX 형식 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> 

텍스트 필드 구성 요소가의 TextInput이 포함되어 있습니다. 내가 틀린 일을하고 있는지 확실하지 않습니다.

나는 당신은 당신의 onPress가 호출되고를 보장하기 위해 TouchableWithoutFeedback의 크기를 확인해야 삼성 S6 이미지로 내 삼성 노트 4.

Answer 1

에 Genymotion 에뮬레이터의 코드를 테스트했습니다.