본문으로 바로가기
검색
회원가입로그인

react native 모달 창 바깥을 클릭하면 창 닫기 만들기

모달창 바깥을 클릭하면 창이 닫히게 하고 싶었다. 이럴 경우 TouchableWithoutFeedback으로 전체 뷰를 감싼 뒤 클릭이 되지 않을 컨텐츠 영역을 빈 함수가 들어있는 TouchableWithoutFeedback으로 감싸면 된다.

<TouchableWithoutFeedback onPress={() => setIsVisible(false))}>
        <Modal isVisible={isVisible}>
            <TouchableWithoutFeedback onPress={() => {}}>
                    ... 커스텀 뷰
            </TouchableWithoutFeedback
       </Modal>
</TouchableWithoutFeedback>