HorizontalArrangement options in Jetpack Compose - devrath/ComposeAlchemy GitHub Wiki

Here's an illustration of different horizontal arrangement options:

1: Start: Positions children at the start of the Row. Example: If the Row is 300 units wide and has three children each 50 units wide, all three children will be aligned at the left edge of the Row.

2: End: Positions children at the end of the Row. Example: If the Row is 300 units wide and has three children each 50 units wide, all three children will be aligned at the right edge of the Row.

3: Center: Centers children within the Row. Example: If the Row is 300 units wide and has three children each 50 units wide, all three children will be centered in the middle of the Row.

4: SpaceBetween: Evenly spaces children, with the first child at the start and the last child at the end. Example: If the Row is 300 units wide and has three children each 50 units wide, the first child will be at the start, the last child will be at the end, and the middle child will be evenly spaced between them.

5: SpaceAround: Spaces children with equal padding around them, including half a space before the first child and after the last child. Example: If the Row is 300 units wide and has three children each 50 units wide, there will be equal padding around each child, with half of the padding before the first child and after the last child.

6: SpaceEvenly: Spaces children evenly throughout the Row, with equal space between all children including the edges. Example: If the Row is 300 units wide and has three children each 50 units wide, there will be equal space between each child and the edges of the Row.