Implicit Flutter Animations

Create delightful user experiences by learning how to add implicit animations to your Flutter apps. By Emmanuel Okiche.

Login to leave a rating/review
Download materials
Save for later
Share

Who is this for?

Flutter developers who understand the basics of UI widgets in Flutter and want to learn how to add interactions and animations to their apps.

Covered concepts

  • Implicit Animations
  • TweenAnimationBuilder
  • Curves
  • Keys in Flutter
  • Custom Animation for Existing Widgets
  • 3D Transform Animations
  • Performance Optimizations
  • Animation Tips
  • Understand when to use Implicit Animations

Part 1: Animation Fundamentals

1
Toggle description

Get introduced to the concept of animations and see Flutter’s approach to creating animations.

Toggle description

Understand implicit animations and learn how to use them in your app.

Toggle description

See how curves affect our animations and make our motions more realistic.

Toggle description

Learn how to use the TweenAnimationBuilder widget when the built-in implicit animations don’t fulfil your needs.

Part 2: Implicit Animations in Action

Toggle description

Use the AnimatedContainer and AnimatedOpacity widget to animate a social share button.

Toggle description

Use the knowledge of animations to affect how a PageView item animates in and create an indicator animation.

Toggle description

Learn how to add form interactions that trigger a credit card flip animation using the TweenAnimationBuilder.

Toggle description

Learn how to animate selected items from a list using the AnimatedContainer and AnimatedDefaultTextStyle widgets.

Toggle description

Work with the AnimatedSwitcher widget and learn about the importance of keys while animating.

Toggle description

Work with the AnimatedPositioned widget and GlobalKeys to create a dynamic position animation for the selector widget.

Toggle description

Learn about when the best scenarios are to use implicit animations and see how the animations we built pass these tests.