Compose SwiftUIv0.4.0
esc
GuideAPIGitHub
View

HStack

A view that arranges its children in a horizontal line.

iOS 17.0+macOS 14.0+tvOS 17.0+watchOS 10.0+
fun HStack(modifier: Modifier = Modifier, alignment: VerticalAlignment = VerticalAlignment.center, spacing: Double? = null, content: @Composable () -> Unit)

Overview

Combine it with Spacer to push children to the edges.

HStack {
    Text("Total")
    Spacer()
    Text(total)
}

This is the Kotlin form of SwiftUI HStack.init(alignment:spacing:content:): SwiftUI documentation. In Swift it reads:

nonisolated init(alignment: VerticalAlignment = .center, spacing: CGFloat? = nil, @ContentBuilder content: () -> Content)

Topics

Creating a HStack

fun HStack(modifier: Modifier = Modifier, alignment: VerticalAlignment = VerticalAlignment.center, spacing: Double? = null, content: @Composable () -> Unit)
SwiftUI HStack.init(alignment:spacing:content:)