This is part of the "Flutter Fundamentals" learning path. View Path

Implicit Flutter Animations

Jan 7 2021 · Video Course (1 hr, 10 mins) · Beginner

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

Version

  • Dart 2.8, VS Code 1.48

Animation Fundamentals

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

1

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

2

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

3

Learn how to use the Tween Animation Builder widget when the built-in implicit animations don't fulfil your needs.

4

Implicit Animations In Action

Use the Animated Container and Animated Opacity widget to animate a social share button.

5

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

6

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

7

Learn how to animate selected items from a list using the Animated Container and Animated Default Text Style widgets.

8

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

9

Work with the Animated Positioned widget and Global Keys to create a dynamic position animation for the selector widget.

10

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

11

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

Contributors

Comments