SwiftUI를 활용한 BottomSheet 제작기

이 게시물은 SwiftUI를 사용하여 iOS 앱 내 BottomSheet를 구현한 경험과 방법을 공유합니다.

BottomSheet 개요 및 필요성

• 화면 하단에서 슬라이드로 나타나는 패널로 추가 정보 제공 및 작업 유도
• Action Sheet나 Modal과 유사하나 크기 조절 가능
• 사용자가 스와이프로 쉽게 닫거나 드래그로 확장 가능

구현 방법 및 고려사항

• Apple의 sheet modifier와 presentationDetent 옵션 활용
• 동적 높이 조절, 드래그 제스처로 시트 닫기 기능 구현
• 커스텀 백그라운드 컬러 적용 및 확장형 시트 지원

인터페이스 설계

• isPresented 바인딩과 content 뷰를 통해 sheet 표시 제어
• AdotSheetType 열거형으로 기본형과 확장형 지원
• BottomSheetModifier를 이용해 SwiftUI 스타일로 커스텀 구현