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