Container widgets can add all manner of effects to their child. Like scaffolds, they enable several customizations that can be explored and experimented with.
The primary property you will be designing with is BoxDecoration, which can draw the following:
- Borders
- Shadows
- Colors
- Gradients
- Images
- Shapes (rectangle or circles)
The container itself supports two decorations – the primary background decoration, and a foreground decoration, which is painted on top of the container's child.
Containers can also provide their own transforms (like how you rotated the second container), paddings, and margins.
Sometimes, you may prefer to add properties such as padding inside a container. In other cases, you may use a Padding widget and add Container as its child, as we did in this recipe. Both achieve exactly the same result, so it's up to you really.
In this recipe, we could also have rotated the box by supplying a Matrix4 to the transform property...