Swift UI는 사용자 인터페이스를 빌드하기 위한 새로운 방법을 제공하는 라이브러리입니다. 이 라이브러리는 다양한 컨테이너 뷰를 제공하여 UI 요소들을 구성하고 배열하는 데 도움을 줍니다. 이번 글에서는 Swift UI에서 사용되는 몇 가지 주요 컨테이너 뷰를 살펴보겠습니다.

VStack

VStack은 수직으로 요소를 배열하는 뷰입니다. 이 뷰를 사용하면 요소들이 위에서 아래로 정렬됩니다.

VStack {
   Text("첫 번째 요소")
   Text("두 번째 요소")
   Text("세 번째 요소")
}

HStack

HStack은 수평으로 요소를 배열하는 뷰입니다. 이 뷰를 사용하면 요소들이 왼쪽에서 오른쪽으로 정렬됩니다.

HStack {
   Text("첫 번째 요소")
   Text("두 번째 요소")
   Text("세 번째 요소")
}

ZStack

ZStack은 요소들을 겹쳐서 배열하는 뷰입니다. 이 뷰를 사용하면 요소들이 서로 겹쳐서 표시됩니다. ZStack은 일반적으로 배경 이미지와 다른 요소들을 겹치는 데 사용됩니다.

ZStack {
   Image("background")
   Text("앞에 표시될 요소")
   Text("뒤에 표시될 요소")
}

ScrollView

ScrollView는 스크롤 가능한 컨테이너 뷰입니다. 요소들을 수용하기 위해 스크롤 가능한 공간을 제공합니다.

ScrollView {
   VStack {
      ForEach(0..<10) { index in
         Text("요소 \(index)")
      }
   }
}

끝맺음

Swift UI에서 제공하는 이러한 다양한 컨테이너 뷰를 잘 활용하면 원하는 UI를 쉽게 구성할 수 있습니다. 이번 글에서는 몇 가지 예시를 보여주었지만, Swift UI에는 더 많은 컨테이너 뷰가 있습니다. 공식 문서나 튜토리얼을 참조하여 더 자세한 내용을 알아보시기 바랍니다.