SwiftUI Flow

SwiftUI views that arrange their children in a flow layout.

HFlow

A view that arranges its children in a horizontal flow.

Usage

ScrollView(.horizontal) {
    HFlow(alignment: .top) {
        //Flow content
    }
}

Parameters

• alignment: The guide for aligning the subviews in this flow. This guide has the same vertical screen coordinate for every child view.
• horizontalSpacing: The distance between horizontally adjacent subviews, or nil if you want the flow to choose a default distance for each pair of subviews.
• verticalSpacing: The distance between vertically adjacent subviews, or nil if you want the flow to choose a default distance for each pair of subviews.
• content: A view builder that creates the content of this flow.

VFlow

A view that arranges its children in a vertical flow.

Usage

ScrollView(.vertical) {
    VFlow(alignment: .leading) {
        //Flow content
    }
}

Parameters

• alignment: The guide for aligning the subviews in this flow. This guide has the same horizontal screen coordinate for every child view.
• horizontalSpacing: The distance between horizontally adjacent subviews, or nil if you want the flow to choose a default distance for each pair of subviews.
• verticalSpacing: The distance between vertically adjacent subviews, or nil if you want the flow to choose a default distance for each pair of subviews.
• content: A view builder that creates the content of this flow.

Flow

A view that arranges its children in a flow.

Usage

ScrollView(.vertical) {
    Flow(.vertical, alignment: .topLeading) {
        //Flow content
    }
}

Parameters

• axis: The layout axis of this flow.
• alignment: The guide for aligning the subviews in this flow on both the x- and y-axes.
• horizontalSpacing: The distance between horizontally adjacent subviews, or nil if you want the flow to choose a default distance for each pair of subviews.
• verticalSpacing: The distance between vertically adjacent subviews, or nil if you want the flow to choose a default distance for each pair of subviews.
• content: A view builder that creates the content of this flow.

Requirements

• iOS 14.0+, macOS 11.0+, tvOS 14.0+ or watchOS 7.0+
• Xcode 12.0+

Installation

• Install with Swift Package Manager.
• Import SwiftUIFlow to start using.

Contact

@ciaranrobrien on Twitter.