Skip to content
Hallway
0:00 / 0:00

#flutter#animations#pagetransitions

Flutter Custom & Staggered Page Transition Animation Tutorial

Reso Coder

114K subscribers • 36 videos on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • May be out of date. The tools, versions or practices it shows have likely moved on.

Intermediate. Assumes working knowledge.

34K views6 years ago2 recommendations

Mobile developmentFlutter and React Native

How to create custom and staggered page transition animations in Flutter using PageRouteBuilder.

📗 Written tutorial & starter project 👇👇 resocoder.com/custom-staggered-page-transition 📧 Get Flutter news 📰 and resources: 👉 flutter.education 👨‍💻 Do you write good code? Find out now! resocoder.com/good-code-quiz Navigating between routes is quite bland by default. Flutter graciously provides you with the MaterialPageRoute and CupertinoPageRoute classes and, while their transition animations don't look bad, there's certainly something more we can do. Could we, for example, animate parts of the pushed page independently and even make the animation staggered? Of course, we can! We're in Flutter, after all 💙 Go to my website for more information, code examples, and articles: ● resocoder.com Follow me on social media: ● instagram.com/resocoder ● facebook.com/resocoder ● twitter.com/resocoder

Why it's here

2 people recommend this

What people say. Recommended as a tutorial for customizing route transitions in Flutter.

u/Purple_Pizzazzin r/FlutterDev • Recommends

Flutter Custom & Staggered Page Transition Animation Tutorial
11View on Reddit

u/Chinky_Sightin r/FlutterDev • Recommends

On “Is it possible to animate named routes transitions?”

Yes, it is possible to customize their transitions by using PageRouteBuilder. Read this article: https://medium.com/@agungsurya/create-custom-router-transition-in-flutter-using-pageroutebuilder-73a1a9c4a171 or watch these tutorials: [video [video
1View on Reddit