cupertino_modal_sheet

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

화면 하단에서 슬라이드업하는 iOS 스타일의 바텀 시트 모달을 표시하는 플러터 패키지입니다. 애플의 네이티브 컵ertino 모달 시트를 모방하도록 설계되어 Android, iOS, 웹, macOS, Windows, Linux에서 부드럽고 플랫폼에 적합한 사용자 경험을 제공합니다. 이 패키지는 가볍고 기존 플러터 앱과 원활하게 통합되며, 사용자 정의 가능한 외관과 동작을 제공합니다. 드래그하여 닫기와 같은 인터랙티브 제스처를 지원하며, 옵션 선택, 폼 표시 또는 추가 콘텐츠를 컴팩트하고 집중적인 방식으로 제시하는 데 사용할 수 있습니다.

사용 사례

작업 메뉴 표시
폼 입력 표시
세부 정보 표시
사용자 선택 처리
iOS 스타일 모달 구현

주요 기능

iOS 스타일의 상단 스와이프 애니메이션
제스처 기반 종료
크로스 플랫폼 호환성
사용자 정의 가능한 콘텐츠
부드러운 전환
모든 주요 플랫폼을 지원합니다

적합한 대상

iOS 스타일의 사용자 인터페이스 디자인
크로스 플랫폼 앱에서의 바텀 시트 모달
사용자 입력 양식
작업 선택 인터페이스
Apple 생태계를 대상으로 하는 앱

고려 사항

iOS 스타일 디자인에 가장 적합
비-iOS 플랫폼에서 스타일 조정이 필요할 수 있습니다
하단 시트 레이아웃으로 제한
전체 화면 모달에 적합하지 않습니다
Cupertino 테마 일관성에 의존함

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

English, 日本語

Shows a modal iOS-style sheet that slides up from the bottom of the screen.

On mobile devices, the content is displayed as a sheet, with part of the background content near the top of the screen.
On tablet, a dimming layer is added to the background content and the content is centered over this layer.

Mobile

Tablet

Features

Hero compatibility
Tablet compatibility
Swiping to dismiss
Multi sheet (Dimming is imperfect)
Navigator2 compatibility

Getting started

showCupertinoModalSheet(
  context: context,
  builder: (context) => BookDetailsScreen(book: book),
);

Navigator2.0

Use CupertinoModalSheetPage or directly CupertinoModalSheetRoute.

TODO

[ ] Tests
[ ] Extensibility
[ ] Fix dimming of multi-sheet

PRs are welcome!

패키지, 저장소 및 앱 카테고리 검색