BottomSheet 사용법

bird·2023년 7월 28일
0

v2.0-eatery

목록 보기
11/25

BottomSheet 사용법 입니다.

type 추가하기

아래 이미지에서 17, 18번째 줄에 type을 추가할 수 있습니다.
바텀시트 내 컴포넌트 같은 경우에는 BottomSheet > children 폴더 내에 추가하시면 됩니다.


버튼 클릭했을때 BottomSheet 보이도록 하기

원하는 버튼이 있는 파일로 이동합니다.
이후 아래 이미지처럼 dispatch 선언 후, 18번째 줄에 있는 "report" 부분이 type값 넣는 곳입니다.

필수값
type: "delete-edit" | "register-menu" | "report-store" | "select-menu" | "setting" | "share-report"

커스텀 훅을 제작해두었기에 사용하시면 됩니다.


버튼 클릭했을때 BottomSheet 안보이도록 하기

closeButtonSheet 사용 시, 바텀시트가 서서히 내려가는 효과를 줄 수 있습니다.
closeButtonSheetQuick 사용 시, 효과 없이 바텀시트가 내려갑니다.

profile
내가 만들 웹앱들 제작 과정 적는 곳

0개의 댓글