[React-Native] Web에서 TouchableWithoutFeedback 사용법

KJH·2022년 1월 21일
0
post-custom-banner

mobile 에서는 잘 작동하였으나 Web에서 TouchableWithoutFeedback 안의 input을 클릭하려고 하니 focus가 input으로 작동 하지 않는다.

확인 결과 Keyboard.dismiss 는 mobile 용 인 것 같아 web에서는 아무 작동을 하지 않도록 하였다.

<KeyboardAvoidingView>
  <TouchableWithoutFeedback 
    onPress={Platform.OS === 'web' ? (e) => e.preventDefault() : Keyboard.dismiss}>
    <View>
      <TextInput />
    </View>
  </TouchableWithoutFeedback>
</KeyboardAvoidingView>
profile
항상 공부하는 N년차 개발자입니다.

0개의 댓글