The Column Widget

Learn about children's widget alignment and how to add space among the children of a Column widget.

We'll cover the following

One of the most important widgets when dealing with the Flutter layout system is Column. It vertically displays its children. We’ve already learned how to use Expanded for responsive UI with Column in the previous chapter. However, other common issues often arise when using Column in an application. These issues can reduce the responsiveness of the application’s UI.

When we implement our design using Column, we can use fixed sized SizedBox to adapt the UI to the vertical layout of a smartphone. For example, look at the following code:

Get hands-on with 1200+ tech skills courses.