ducafecatFlutter 생태계 탐색
FLUTTER ECOSYSTEM

zuvola/cupertino_modal_sheet

zuvola/cupertino_modal_sheet open-source repository details.

GitHub에서 보기 ↗
cupertino_modal_sheet 프로젝트 이미지
Stars
13
Forks
8
최근 푸시(UTC)
2024. 5. 29.
프로젝트 상태
활성
zuvola GitHub avatar
언어C++CMakeDartHTMLCSwiftKotlinObjective-C

이 저장소가 배포한 패키지

사용 중인 의존성

의존성 목록 3 개
  • flutter{"sdk":"flutter"}
  • flutter_test개발 의존성{"sdk":"flutter"}
  • flutter_lints개발 의존성^2.0.0

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

README 펼치기 / 접기

cupertino_modal_sheet

pub package

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

https://github.com/zuvola/cupertino_modal_sheet/blob/master/example/ss/mobile.gif?raw=true

Tablet

https://github.com/zuvola/cupertino_modal_sheet/blob/master/example/ss/tablet.gif?raw=true

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!