https://github.com/zuvola/cupertino_modal_sheet

https://github.com/zuvola/cupertino_modal_sheet

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/zuvola/cupertino_modal_sheet
• Owner: zuvola
• License: mit
• Created: 2022-06-20T06:50:15.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-05-29T07:57:17.000Z (4 months ago)
• Last Synced: 2024-06-18T07:33:55.749Z (3 months ago)
• Language: C++
• Size: 1.1 MB
• Stars: 9
• Watchers: 1
• Forks: 5
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# cupertino_modal_sheet

[![pub package](https://img.shields.io/pub/v/cupertino_modal_sheet.svg)](https://pub.dartlang.org/packages/cupertino_modal_sheet)

**[English](https://github.com/zuvola/cupertino_modal_sheet/blob/master/README.md), [日本語](https://github.com/zuvola/cupertino_modal_sheet/blob/master/README_jp.md)**

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

```dart

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!