하단 시트 만들기

하단 시트는 화면 하단에 고정된 보조 콘텐츠를 표시합니다.

버전 호환성

이 구현을 사용하려면 프로젝트 minSDK를 API 수준 21 이상으로 설정해야 합니다.

종속 항목

하단 시트 구현

하단 시트를 구현하려면 ModalBottomSheet 컴포저블을 사용합니다.

시트 펼치기 및 접기

시트를 펼치거나 접으려면 SheetState를 사용합니다.

핵심사항

  • ColumnScope를 사용하여 열에서 시트 콘텐츠 컴포저블을 배치하는 content 슬롯을 사용합니다.
  • rememberSheetState를 사용하여 sheetState 매개변수로 ModalBottomSheet에 전달하는 SheetState 인스턴스를 만듭니다.
  • SheetStateshowhide 함수와 현재 시트 상태와 관련된 속성에 대한 액세스를 제공합니다. 이러한 함수는 CoroutineScope가 필요하고(예: rememberCoroutineScope) UI 이벤트에 대한 응답으로 호출될 수 있습니다.

  • 하단 시트를 숨길 때는 컴포지션에서 ModalBottomSheet를 삭제해야 합니다.

결과

그림 1. 표준 하단 시트 (왼쪽)와 모달 하단 시트 (오른쪽)

이 가이드가 포함된 컬렉션

이 가이드는 더 광범위한 Android 개발 목표를 다루는 선별된 빠른 가이드 모음의 일부입니다.

구성 가능한 함수를 사용하여 Material Design 디자인 시스템을 기반으로 멋진 UI 구성요소를 쉽게 만드는 방법을 알아보세요.

질문이나 의견이 있으신가요?

자주 묻는 질문(FAQ) 페이지로 이동하여 빠른 가이드를 알아보거나 문의하여 의견을 보내주세요.