Column

The Column widget is a layout widget that arranges its children in a vertical sequence. It is one of the most essential widgets for building layouts in a vertical orientation.

For a column widget, the main axis runs vertically and the cross axis runs horizontally.

Data Source

The Column widget has a Data Source toggle. When enabled, you can turn the button on to add either static list data or dynamic data using expressions for dynamically generating children widgets.

Properties

Property
Description

Main Axis Alignment

How the children should be placed along the main (vertical) axis. Options include start, center, end, spaceBetween, spaceAround, and spaceEvenly.

Cross Axis Alignment

How the children should be placed along the cross (horizontal) axis. Options include start, center, end, and stretch.

Main Axis Size

How much space the column should occupy on the main (vertical) axis. max tries to fill the available space, while min fits the size of its children.

Scrollable

If true, the column's content can be scrolled if it overflows the available space.

Child Properties

When you add a widget inside a Column, you can configure its expansion properties:

Property
Description

Type

The type of expansion. Can be None (default), Loose, or Tight.

Flex Value

If the type is Loose or Tight, this numeric value determines the proportion of space the child will occupy relative to its siblings.


Default Properties

The Column widget supports all Default Properties

Last updated