#6 Flutter Animated Page Transition(Flutter Series by Akshit Madan)

Hey there, in this blog we are going to see how you can implement an animated page transition to your Flutter App routes/pages.

Lets first see what are you going to get at the end —

First you need to know that in Flutter Page Routes are categorised into 3 divisions —

  1. Cupertino Page Route (iOS)

For customising the transitions from one page to another , we use Page Route Builder which take 3 properties —

  1. pageBuilder — It defines the what the Route Builder needs to return after the animaion

main.dart

So, when you press the RaisedButton of the first page, it activates the PageRouteBuilder and calls the Scale Transition which implements the elasticInOut Curved Animation.

Thanks for reading…..

--

--

Flutter Developer | ML | AR

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store