The Column Widget

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: