Flutter Hero Animations
Create impressive hero animations using the Hero Widget in Flutter when transitioning from one screen to another. This course covers key topics such as the fundamentals of hero animations, utilizing the components of the Hero widget to create advanced animations, and hands-on development of visually stunning animations while working on the Fooder app. By Kevin D Moore.
Who is this for?
This course is for intermediate developers who want to understand and effectively utlize the Hero widget to create complex and cool hero animations for their apps.
Covered concepts
- Hero Animations
- Hero Widget
- Keys in Flutter
- Building custom route transitions using PageRouteBuilder
- Using AnimationController to manage animations
- Creating Tween Animations
- Using the WillPopScope widget to handle back button behaviour
- Leveraging Dart DevTools to monitor animation
- Building staggered animations
Part 1: Flutter Hero Animations
Learn about Hero Animations in Flutter and see how to add it to existing widgets during a page transition.
Learn more about the Hero widget and its component to create more advanced hero animations.
Learn how to control the hero animation during the screen transition from source to destination screen.
Learn how to implement custom animations when performing a transition from one screen to another.
Learn how to animate the flight of the background Hero.
Learn how to animate text during a transition from a source screen to a destination screen using a Hero.
Learn how to animate the flight of the background Hero.
Learn how to create the staggered animation.
Learn how to handle the back button behaviour to run the secondary animation on back press.