Home > Net >  Flutter: What type of transition is this?
Flutter: What type of transition is this?

Time:08-01

I am practising Cupertino App in Flutter, and I found that there is a page transition that looks like stacking the pages. The following is the transition that I found.

Stack Transition?

I found a package named modal_bottom_sheet that looks like have the one I want. The example below the package description is the one I want to implement. I tried it in my code but it doesn't look like what I expected. Is there a package that I'm looking for? or It's already included in the Cupertino package?

CodePudding user response:

It's commonly named Sheet something like the standard [DraggableScrollableSheet][1] or some 3rd-party widget like the following ones from https://pub.dev/

  1. cupertino_modal_sheet (This one is exactly like the animation)
  2. modal_bottom_sheet (This one is exactly like the animation)
  3. awesome_select
  4. backdrop_modal_route
  5. bottom_sheet_expandable_bar
  6. bottom_sheet
  7. just_bottom_sheet
  8. sheet

CodePudding user response:

I'd say it's 2 things happening at once:

  • you show a modal bottom sheet (and the package you chose is great for that)
  • you scale down everything that is below it and round the corners

not sure if there's a package to do this out of the box

  • Related