Implicit Flutter Animations

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

4.7 (6) · 1 Review

Download materials
Save for later
Comments
Share

Learning path

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

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

01
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 Tween Animation Builder widget when the built-in implicit animations don't fulfil your needs.

Part 2: Implicit Animations In Action

Toggle description

Use the Animated Container and Animated Opacity 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 triggers a credit card flip animation using the TweenAnimationBuilder.

Toggle description

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

Toggle description

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

Toggle description

Work with the Animated Positioned widget and Global Keys 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.

Up next

Flutter & Dart
Managing State in Flutter
State management is a key aspect of working with Flutter. There are lots of different solutions with lots of different approaches. In this course, you’ll learn about the base tools provided by Flutter and then learn how to use the Google recommended state management solution, Provider.

Contributors

Over 300 content creators. Join our team.