VStack

fun VStack(modifier: Modifier = Modifier, alignment: HorizontalAlignment = HorizontalAlignment.center, spacing: Double? = null, content: @Composable () -> Unit)

Overview

Children are laid out top to bottom. Set alignment to align them horizontally and spacing for the gap between them. A VStack lays out all its children at once; for long scrolling content, use LazyVStack or a List.

VStack(alignment = HorizontalAlignment.leading, spacing = 8.0) {
    Text("Title", modifier = Modifier.font(Font.headline))
    Text("Subtitle")
}

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

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

Topics

Creating a VStack