SwiftUI는 iOS 앱을 개발할 때 사용되는 최신 UI 프레임워크로, 사용하기 쉽고 직관적인 레이아웃 시스템을 제공합니다. SwiftUI를 사용하여 동적이고 반응형 레이아웃을 만들 수 있습니다.

VStack과 HStack

SwiftUI에서 VStack과 HStack은 각각 수직 및 수평으로 뷰를 배열하는 컨테이너 뷰입니다.

VStack {
    Text("Hello,")
    Text("SwiftUI!")
}

HStack {
    Text("Hello,")
    Text("SwiftUI!")
}

두 컨테이너 뷰를 중첩하여 복잡한 레이아웃을 만들 수 있습니다.

Spacer

Spacer는 공간을 채우는 뷰로, HStack이나 VStack 내에서 사용하여 간격을 조절할 수 있습니다.

HStack {
    Text("Hello,")
    Spacer()
    Text("SwiftUI!")
}

ZStack

ZStack은 뷰를 겹쳐서 표시할 때 사용됩니다. 이를 사용하여 배경 이미지와 텍스트를 겹쳐서 보여줄 수 있습니다.

ZStack {
    Image("background")
    Text("Hello, SwiftUI!")
}

정렬과 간격

SwiftUI에서는 alignment 및 spacing을 사용하여 레이아웃을 정렬하고 간격을 조절할 수 있습니다.

VStack(alignment: .leading, spacing: 10) {
    Text("Hello,")
    Text("SwiftUI!")
}

SwiftUI를 사용하면 간단한 코드로 다양한 유연한 레이아웃을 손쉽게 만들 수 있습니다.

본 문서는 Apple Developers 사이트를 참고하여 작성하였습니다.