Espaciado y alineación en pilas

You can stack views in three directions, but real layouts need control over the gaps and edges between them. Let's tune that. 🎛️

Every stack accepts a spacing value that sets the gap between its children. A bigger number spreads views farther apart.

Pass spacing: 0 to remove the gap entirely, so children sit flush against each other. This is handy for tight, edge-to-edge designs.

If you skip the argument, SwiftUI picks a sensible default gap that matches Apple's design guidelines. You only override it when you need to.

A VStack's alignment argument controls horizontal placement. Use .leading to left-align children instead of centering them.

VStack alignment offers .leading, .center, and .trailing. They decide whether children hug the left, the middle, or the right edge.

An HStack's alignment is vertical instead. Use .top, .center, or .bottom to line children up along their tops, middles, or bottoms.

You can set both arguments at once. Alignment comes first, then spacing, giving you full control over the layout in one line.

A Spacer is a flexible view that expands to push its neighbors apart, soaking up all the leftover space in a stack.

Drop a Spacer between two views to send them to opposite ends, or before one view to shove it fully to the trailing side.

For mixed font sizes, HStack offers .firstTextBaseline so labels of different sizes share a clean reading line.

Well done! Use spacing to set gaps, alignment to position children, and Spacer to push views to the edges of any stack. 🚀