Combine views in stacks, generate groups and lists of views dynamically, and define view presentations and hierarchy.
Framework
Use stacks and lists to lay out the views of your user interface. You can combine static views with views that are dynamically generated from collections of data. All container views update and adjust the positions of their children in response to changes in content or interface dimensions.
With the basic landmark detail view set up, you need to provide a way for users to see the full list of landmarks, and to view the details about each location.
The home screen for Landmarks shows a scrolling list of categories, with horizontally scrolling landmarks within each category. As you build this primary navigation, you’ll explore how composed views can adapt to different device sizes and orientations.
struct HStackA view that arranges its children in a horizontal line.
struct VStackA view that arranges its children in a vertical line.
struct ZStackA view that overlays its children, aligning them in both axes.
struct ListA container that presents rows of data arranged in a single column.
protocol DynamicA type of view that generates views from an underlying collection of data.
protocol IdentifiableA class of types whose instances hold the value of an entity with stable identity.
struct ForA structure that computes views on demand from an underlying collection of of identified data.
struct ScrollA scroll view.
struct FormA container for grouping controls used for data entry, such as in settings or inspectors.
struct GroupAn affordance for grouping view content.
struct GroupA stylized view with an optional label that is associated with a logical grouping of content.
struct SectionAn affordance for creating hierarchical view content.
struct SpacerA flexible space that expands along the major axis of its containing stack layout, or on both axes if not contained in a stack.
struct DividerA visual element that can be used to separate other content.
struct NavigationA view for presenting a stack of views representing a visible path in a navigation hierarchy.
struct TabA view that switches between multiple child views using interactive user interface elements.
struct HSplitA layout container that arranges its children in a horizontal line and allows the user to resize them using dividers placed between them.
struct VSplitA layout container that arranges its children in a vertical line and allows the user to resize them using dividers placed between them.
struct AlertA container for an alert presentation.
struct ActionA storage type for an action sheet presentation.
struct EquatableA view type that compares itself against its previous value and prevents its child updating if its new value is the same as its old value.
struct AnyA type-erased View.
struct TupleA View created from a swift tuple of View values.
Present your content onscreen and handle user interactions.
Enhance your views with colors, shapes, and shadows, and customize animated transitions between view states.
Integrate SwiftUI views into existing apps, and embed AppKit, UIKit, and WatchKit views and controllers into SwiftUI view hierarchies.