Toggle navigation
Toggle navigation
This project
Loading...
Sign in
flutter_package
/
modal_bottom_sheet
Go to a project
Toggle navigation
Projects
Groups
Snippets
Help
Toggle navigation pinning
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Authored by
Jaime Blasco
2020-04-06 16:50:24 +0200
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Committed by
GitHub
2020-04-06 16:50:24 +0200
Commit
98aa5feaf80f4ee19540614d2d9645ac5478466c
98aa5fea
1 parent
d4fc697e
Update README.md
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
17 additions
and
8 deletions
README.md
README.md
View file @
98aa5fe
# Flutter Modal BottomSheet
# Flutter Modal Bottom
Sheet
Create awesome and powerful modal bottom sheets
<img
align=
"left"
height=
"300"
src=
"https://github.com/jamesblasco/modal_bottom_sheet/blob/master/screenshots/cupertino_shared_view.gif"
>
<img
align=
"left"
height=
"300"
src=
"https://github.com/jamesblasco/modal_bottom_sheet/blob/master/screenshots/modal_inside_modal.gif"
>
<img
align=
"left"
height=
"300"
src=
"https://github.com/jamesblasco/modal_bottom_sheet/blob/master/screenshots/material_fit.png"
>
<img
height=
"300"
src=
"https://github.com/jamesblasco/modal_bottom_sheet/blob/master/screenshots/bar_modal.png"
>
## Material Modal BottomSheet
`showMaterialModalBottomSheet`
...
...
@@ -12,14 +18,14 @@ Improved showModalBottomSheet that support scroll and drag at the same time.
iOS 13 came with an amazing new modal navigation and now it is available to use with Flutter.
###OPTION 1. Recommended.
###
OPTION 1. Recommended.
1.
use
`showCupertinoModalBottomSheet`
2.
`MaterialPageRoute` does not allow animated translation for routes that are not `MaterialPageRoute` or `CupertinoPageRoute`
.
For this we created
`MaterialWithModalsPageRoute`
that needs to replace the route you are using now.
Notice this route type works the same as
`MaterialPageRoute` and will support custom `PageTransitionsTheme`
.
###OPTION 2.
###
OPTION 2.
1.
Wrap previous page inside a
`CupertinoScaffold`
.
2.
Call
`CupertinoScaffold.showCupertinoModalBottomSheet(context:context, builder: ...)`
...
...
@@ -39,8 +45,11 @@ Try `showBarModalBottomSheet` for a bottomSheet with the appearance used by Face
Check in the example project
`showAvatarModalBottomSheet`
for how to create your own ModalBottomSheet
## Roadmap
[
]
Support closing by dragging fast on a modal with a scroll view.
[
]
Improve animation curves when user is not dragging.
[
]
Allow to set the initial size of the bottom sheet
[
]
Support hero animations
\ No newline at end of file
-
[
]
Support closing by dragging fast on a modal with a scroll view.
-
[
]
Improve animation curves when user is not dragging.
-
[
]
Allow to set the initial size of the bottom sheet
-
[
]
Support hero animations
...
...
Please
register
or
login
to post a comment