The SwiftUI Field Guidebeta

Welcome to the SwiftUI Field Guide

We built this website to visually explain how the SwiftUI layout system works, and we hope you find it useful. We welcome any feedback, positive or negative, so please send us an email if you have anything to share. We're planning to build out this site over the next few months, so if you want to stay updated, subscribe to our mailing list below.

What's Covered

Alignment

HStacks

Aspect Ratio

Padding

Changelog

Feb 22, 2024

Flow Layout

We show how to build a flow layout using the Layout protocol, with annotated example code.

Feb 19, 2024

Stack Alignment

We added an example showing alignment within an HStack. The width distribution visualizations now also have sliders.

Feb 16, 2024

Custom Shapes

We added a section about custom shapes and stroke styles.