Flutter for Beginners

Multiple transformations and custom Tween

If you remember, we can compose multiple transformations by using the Matrix4 class. For animations, things are similar; we can combine animations, run one after another, and play them—it's all in our hands. To create a composed animation, we can simply create multiple transformation values based on a single Animation object.

By doing that, we can achieve something like this:

Thinking in a simple way, we can follow these steps:

1. We can simply have multiple values defined in our class, like this:

class _ComposedAnimationsState extends State<ComposedAnimations> with SingleTickerProviderStateMixin { ...