Row
Last updated
Last updated
The Row widget arranges its child widgets horizontally. It's commonly used to display multiple widgets, one after another. For instance, if you want to display a text label and an icon side by side, you can use this widget.
Here’s how the Row arranges its children:
To add a Row widget:
Select the Row widget from the Add Widget Button or add it directly from the widget tree.
Inside the Row, you can add various widgets, and display them in a horizontal manner.
For a row widget, the main axis runs horizontally and the cross axis runs vertically.
If you want to make the Row scrollable, turn this toggle to On. This is On by default, and must be turned Off if you want to make the row unscrollable.
This determines how the child widgets are aligned along the main axis. You can choose from the following options:
Start This places the children as close to the start of the main axis as possible.
End This places the children as close to the end of the main axis as possible.
Center This places the children as close to the middle of the main axis as possible.
Space Between This places the free space evenly between the children.
Space Around This places the free space evenly between the children as well as half of that space before and after the first and last child.
Space Evenly This places the free space evenly between the children as well as before and after the first and last child.
This determines how the child widgets are aligned along the cross axis. The following options are available:
Start This places the children with their start edge aligned with the start side of the cross axis.
End This places the children as close to the end of the cross axis as possible.
Center This places the children so that their centers align with the middle of the cross axis.
Stretch It requires the children to fill the cross axis.
Baseline This places the children along the cross axis such that their baselines match.
You can customize the appearance and behavior of this widget using the various properties available under the Widget Default Properties.
