Flutter Layout Part 1 — Column Widget

• A column widget is used to display children in a vertical manner.
• It does not provide scrolling.
• If a child widget needs to expand in the available vertical space, use the Expand widget for the same.

Hugely important Column Widget Properties.

children

• It provides a list of widget

mainAxisAlignment:

• It decides where to display children from top to bottom of the screen. Like the start of the screen, the end of the screen.
• It also provides features like space between children or space around children

properties of mainAxisAlignment

crossAxisAlignment:

• decides where to display the child widget from left to right of the screen, like the top of the screen, or the bottom of the screen.

properties of crossAxisAlignment

Let's see an example of a Column widget.

The full source code is available on GitHub.