Creating basic container animations

In this recipe, you will place a square in the middle of the screen. When you click the IconButton in the AppBar, three animations will take place at the same time. The square in the following screenshot will change color, size, and the top margin:

After following this recipe, you will understand how to work with the AnimatedContainer widget, which allows the creation of simple animations with a Container.