여기서 Modal에 설정한 Props를 확인해봅시다.

<Modal visible={true} transparent={true} animationType="fade"></Modal>

visible은 이 컴포넌트를 보여줄지 숨길지 결정하는 값입니다. 그리고 animationType에 따라 트랜지션 효과를 보여줍니다. 이 Props에 설정할 수 있는 값은 slide, fade, none입니다. slide는 아래에서 위로 슬라이드하는 효과, fade는 서서히 나타나는 효과, none은 아무 효과도 일으키지 않는데 이 Props를 생략했을 때 none이 기본값으로 설정됩니다. transparent의 경우 true로 값을 설정하면 배경을 투명하게 해줍니다. 그래서 모달 뒤의 화면이 보이게 되지요. 만약 이 값을 설정하지 않으면 기본적으로 모달의 배경이 흰색으로 나타나게 됩니다.

onRequestClose는 안드로이드에서 뒤로가기 버튼을 눌렀을 때 호출되는 함수입니다. UploadModeModal에서는 두 개의 Props를 받아옵니다. visible 값은 Modal 컴포넌트에 그대로 전달되는 값이며, onClose는 모달을 닫는 함수인데 이 함수는 모달의 검정색 영역을 눌렀을 때 호출됩니다. 추가로 안드로이드에서 뒤로가기 버튼을 눌렀을 때도 호출하도록 onRequestClose를 설정해주세요.

컴포넌트를 다 만들었으면 CameraButton 컴포넌트에서 사용해보세요.