zuvola/cupertino_modal_sheet

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!