Using the Container widget

We’ve already played around a bit with the Container widget in the previous recipes, so now we will build upon what you’ve seen before and add other features of this versatile widget. In this recipe, you will add some new effects to the existing ImmutableWidget.

Getting ready

Before following this recipe, you should have completed the two previous recipes in this chapter, Creating immutable widgets, and Using a Scaffold.

I suggest you also leave the app running while you are typing your code, so you can see your changes via hot reload every time you save your file.

How to do it...

Let’s start by updating the small box in the center and turning it into a circle:

1. In the ImmutableWidget class, replace the third Container with this method:

   @override
   Widget build(BuildContext context) {
     return Container(
       color: Colors.green,
       child: Padding(
       ...