HStack

Christine_Yang's avatar
Christine_Yang's avatar
Christine_Yang
Published Oct 10, 2022
Contribute to Docs

The HStack view is a layout container where elements, or subviews, are arranged in a horizontal line (left-to-right).

Syntax

var body: some View {
  HStack {
    Subviews here
  }
}

The HStack view rests within the body of a View.

Example

In the example below, two Text subviews are nested in the HStack:

var body: some View {
  HStack {
    Text("Subview 1")
    Text("Subview 2")
  }
}

This will display the following:

HStack

All contributors

Contribute to Docs

Learn SwiftUI on Codecademy