Flow Column

FlowColumns & FlowRows are Columns & Rows that can move child Composables onto the next line when there is not enough room. If you have worked with CSS Flexbox before, this will look familiar.

The first step to mastering Flow Layouts is to understand its various Arrangement parameters. Arrangement will change how Flow Layouts position their children.

This example demonstrate the effect of Arrangement on its children.

Item Alignment

If Flow Layout has children of different height, they can be aligned based on their top edge, bottom edge, or center line using the Alignment parameter.