mobile-ios-design

NavigationStack uses a NavigationPath binding for programmatic navigation and navigationDestination modifiers to map values to destination views. Append Hashable values to the path to push views, and use navigationDestination(for:) to define how each type renders.

Use semantic colors like .primary, .secondary, and .background instead of hardcoded color values, since they automatically adapt to light and dark appearances. For custom colors, define them in the asset catalog with separate light and dark variants.

SwiftUI supports Dynamic Type through semantic fonts like .body, .headline, and .title that scale with user preferences. Custom fonts can also scale using Font.custom with the relativeTo parameter referencing a system text style.

NavigationStack suits single-column hierarchical flows on iPhone, while NavigationSplitView provides two or three-column layouts for iPad with sidebar, content, and detail panes. Split views adapt to compact size classes by collapsing into a stack.

Performance issues occur when using VStack inside ScrollView for large datasets because all views render eagerly. Switch to LazyVStack, LazyHStack, or List, which only render visible rows and recycle views during scrolling.