Contents

LazyHStack

A view that arranges its children in a line that grows horizontally, creating items only as needed.

Declaration

struct LazyHStack<Content> where Content : View

Mentioned in

Overview

The stack is “lazy,” in that the stack view doesn’t create items until it needs to render them onscreen.

In the following example, a ScrollView contains a LazyHStack that consists of a horizontal row of text views. The stack aligns to the top of the scroll view and uses 10-point spacing between each text view.

ScrollView(.horizontal) {
    LazyHStack(alignment: .top, spacing: 10) {
        ForEach(1...100, id: \.self) {
            Text("Column \($0)")
        }
    }
}

Topics

Creating a lazy-loading horizontal stack

See Also

Dynamically arranging views in one dimension