About FlowLayout and StackLayout

The flowLayout component is a layout element that arranges its indexed child components horizontally. When no more children can be placed in the same row, the flowLayout component wraps the children into the next row below, and so on. On the other hand, the stackLayout component arranges its child components vertically.

Both the flowLayout and stackLayout components arrange their indexed child components consecutively, in the order in which they are added.

To add spacing or a separator line between each pair of indexed children in a flowLayout or stackLayout, use the separator named child to insert either a spacer component or a separator component.