SwiftUI 유형별 스택 VStack, HStack, ZStack

SwiftUI에서 스택은 3가지 종류가 있습니다.

3가지 종류는 VStack, HStack, ZStack입니다.

 

VStack

먼저 VStack을 살펴보겠습니다.

공식 문서를 살펴보면 VStack은 Gneric Structure이며, 자식들을 수직으로 배열하는 뷰입니다.

https://developer.apple.com/documentation/swiftui/vstack

ContentView의 body에 VStack을 추가하겠습니다.

VStack에는 Text가 두 개 들어가 있습니다.

Hello, World1 그리고 Hello World2가 수직으로 나열됩니다.

HStack

다음은 HStack을 살펴보겠습니다. 

공식 문서를 살펴보면 HStack은 Gneric Structure이며, 자식들을 수평으로 배열하는 뷰입니다.

https://developer.apple.com/documentation/swiftui/hstack

ContentView의 body에 HStack을 추가하겠습니다.

HStack에는 Text가 두개 들어가 있습니다.

Hello, World1 그리고 Hello World2가 수평으로 나열됩니다.

ZStack

다음은 ZStack을 살펴보겠습니다.

공식 문서를 살펴보면 ZStack은 Gneric Structure이며, 자식들을 오버레이하고 두 축으로 배열하는 뷰입니다.

https://developer.apple.com/documentation/swiftui/zstack

ContentView의 body에 ZStack을 추가하겠습니다.

ZStack에는 HStack와 Text가 들어가 있습니다.

 

여기서 먼저 HStack을 보겠습니다.

HStack내에 Text가 두개 들어가 있습니다.

Hello, World1 그리고 Hello World2가 수평으로 나열됩니다.

 

다음으로는 Text를 보겠습니다.

스택스택스택스택스택--- 문자열이 있습니다.

 

ZStack은 자식들을 오버레이하고 두 축으로 배열하니 중첩이 됩니다.