Wrap

The Wrap widget is a layout widget that arranges its children in a horizontal or vertical sequence, and automatically wraps them to the next line if there isn't enough space. This is useful for creating flexible layouts that adapt to different screen sizes.

Data Source

The Wrap 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

Direction

The direction in which to lay out the children (Horizontal or Vertical).

Wrap Alignment

How the children within a single run (line) should be aligned along the main axis.

Run Alignment

How the runs themselves should be aligned along the cross axis.

Wrap Cross Alignment

How the children within a run should be aligned along the cross axis.

Vertical Direction

The direction in which to lay out the children vertically (Up or Down).

Spacing

The amount of space between children in the main axis.

Run Spacing

The amount of space between runs in the cross axis.

Clip Behavior

How to clip the content of the wrap widget.


Default Properties

The Wrap widget supports all Default Properties.

Last updated