Designing animations part 1 – using the AnimationController

In this recipe, you will perform the first step of making your widgets animatable, by conforming to a ticker Mixin and initializing an AnimationController. You will also add the appropriate listeners to make sure the build function reruns at every tick.

You will build an animation that moves a ball diagonally starting from the top of the screen, then stopping at an ending position as shown in the following screenshot: