Implicit Flutter Animations

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

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.

Learn Animation Basics 6:29

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

Understand Implicit Animations 7:48

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

Add Realistic Motions with Curves 5:41

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

Create Custom Implicit Animations 9:58

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

Animate a Social Share Button 4:47

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

Create a Custom PageView Animation 6:21

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

Create a Card Flip Animation 6:15

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

Create a Multi-Selection Animation 6:46

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

Animate an Item Switcher 6:10

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

Animate the Item Switcher's Selector 6:30

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

Know When to Use Implicit Animations 4:31

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