FlowLayout

항목들을 자동으로 여러 줄에 배치하는 흐름 레이아웃 컴포넌트입니다.

struct FlowLayout

Overview

이 레이아웃은 컨테이너의 너비를 초과할 경우 항목을 자동으로 다음 줄로 넘겨 배치합니다. 항목 간 수평 간격과 줄 간 수직 간격을 설정할 수 있습니다.

FlowLayout(spacing: 8, lineSpacing: 12) {
    ForEach(tags, id: \.self) { tag in
        Text(tag)
            .padding(.horizontal, 12)
            .padding(.vertical, 6)
            .background(Color.blue.opacity(0.1))
            .cornerRadius(16)
    }
}

Topics

Initializers

init(spacing: CGFloat?, lineSpacing: CGFloat)

FlowLayout을 초기화합니다.

  • Parameters
    ParameterDescription
    spacing항목 간 수평 간격. nil인 경우 시스템 기본 간격을 사용합니다., 생략하면 기본값으로 nil 적용
    lineSpacing줄 간 수직 간격, 생략하면 기본값으로 10.0 적용

Relationships

Conforms To

Swift.Copyable

Swift.Sendable

Swift.SendableMetatype

SwiftUICore.Animatable

SwiftUICore.Layout

© 2026 Wanted Lab, Inc.