[swift] SwiftUI에서의 오토레이아웃 방법

SwiftUI는 사용하기 쉽고 강력한 오토레이아웃 시스템을 제공합니다. SwiftUI에서는 오토레이아웃을 설정할 때 UIKit에서 사용되는 Auto Layout이 아닌 SwiftUI의 간결하고 직관적인 방법을 사용합니다. SwiftUI에서의 오토레이아웃 방법에 대해 알아보겠습니다.

1. Frame Modifier

SwiftUI에서는 frame modifier를 사용하여 뷰의 크기와 위치를 조절할 수 있습니다.

Text("Hello, SwiftUI!")
    .frame(width: 200, height: 100, alignment: .center)

2. Spacer

Spacer를 사용하여 뷰 사이의 간격을 조절할 수 있습니다.

VStack {
    Text("Top")
    Spacer()
    Text("Bottom")
}

3. Alignment

alignmentGuidealignment modifier를 사용하여 뷰를 정렬할 수 있습니다.

VStack(alignment: .leading) {
    Text("Left")
    Text("Right")
        .alignmentGuide(.leading) { dimension in dimension[.leading] }
}

4. 경계조건

frame modifier에 minWidth, minHeight, maxWidth, maxHeight를 사용하여 최소 또는 최대 크기를 설정할 수 있습니다.

Text("Flexible Width")
    .frame(minWidth: 0, maxWidth: .infinity)

SwiftUI에서 제공하는 다양한 modifier 및 레이아웃 시스템을 활용하여 원하는 오토레이아웃을 쉽게 구현할 수 있습니다.

더 많은 정보는 SwiftUI 공식 문서를 참고하세요.