alignment SwiftUI examples

Layer views deliberately with background, overlay, and zIndex while keeping the base layout stable.

VStack arranges children top to bottom and sizes itself to fit them. Control the gap with the spacing parameter and the horizontal placement with alignment.

HStack lays out children left to right with a shared vertical alignment. layoutPriority decides which child shrinks first when space runs out.

ZStack overlays children back to front with a shared alignment. Combine it with ignoresSafeArea for full-bleed backgrounds without pushing content under the notch.

containerRelativeFrame sizes a view as a fraction of its nearest container — full width, one-of-three columns, or custom math — without GeometryReader.