Spacer และลำดับความสำคัญของเค้าโครง

A Spacer is an invisible view that greedily expands to fill empty space inside a stack, pushing its neighbors apart.

Drop a Spacer between two views in an HStack and they fly to opposite ends, perfect for a label on the left and a value on the right.

A single Spacer at the start shoves everything after it to the trailing edge. Place it first to right-align a row of content.

Wrap a view in two spacers and it centers itself. Each Spacer takes an equal share of the leftover space on either side.

In a VStack a Spacer pushes vertically. Put one at the bottom to pin a button to the lower edge of the screen.

Give a Spacer a minLength to guarantee a gap that never collapses, even when the stack runs short on room.

When a stack is too small, SwiftUI must decide which view shrinks first. That decision is driven by each view's layout priority.

The layoutPriority modifier marks a view as more important. A higher number keeps its full size while lower-priority siblings shrink.

When a long title and a subtitle compete, give the title higher layoutPriority so it shows fully and the subtitle truncates instead.

Remember the split: Spacer distributes leftover space, while layoutPriority decides who shrinks when there is not enough to go around.

Combine both for tidy rows: a Spacer separates label and value, and priority ensures the key text never gets clipped.

You did it! A Spacer fills and distributes space while layoutPriority controls which views shrink first, giving you balanced, robust layouts.