Flutter. Transform class in Examples

Let’s take a deep-dive into the props and features of the Flutter Transform class with animation examples…

What will be covered in this article

• Prerequisites. Create a screen template
• 1. Rotation (with alignment and origin properties)
• 1.1 Alignment “topCenter”
• 1.2 Alignment “bottomCenter”
• 1.3 Origin
• 2. Scale
• 3. Translate “transform”
• 3.1 Matrix4.skew
• 3.2. Matrix4.identity()

Prerequisites. Create a screen template

For testing different animations we will be using Android emulator, because of more smooth graphics …

This “Red box” container will be our test subject until the end of this story.

This will be our scaffold example: