Description:

cupertino modal sheet

cupertino_modal_sheet #

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),
);
copied to clipboard
Navigator2.0 #
Use CupertinoModalSheetPage or directly CupertinoModalSheetRoute.
TODO #

❌ Tests
❌ Extensibility
❌ Fix dimming of multi-sheet

PRs are welcome!

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter