[Swift] SwiftUI Stack (VStack, HStack, ZStack)

SwiftUI에서 기본적으로 많이 사용되는 Stack

 

 

Stack 종류

 

• VStack : V 축으로 나열되는 Stack
• HStack : H 축으로 나열되는 스택
• ZStack : Z 축으로 나열되는 스택
    - 순서대로 쌓기 때문에, 마지막 줄에 있는 View가 가장 앞에 출력됨
    - 배경 색상 지정 시, 영역을 자유롭게 하고 싶은 경우 사용

 

샘플 코드

 

// ContentView.swift

import SwiftUI

struct ContentView: View {
    var body: some View {
   
        VStack {
            VStack {
                Text("V1")
                Text("V2")
                Text("V3")
                    .background(.yellow)
            }
            .padding()
            
            HStack {
                Text("H1")
                Text("H2")
                Text("H3")
                    .background(.yellow)
            }
            .padding()
            
            ZStack {
                Text("Z1")
                Text("Z2")
                Text("Z3")
                    .background(.yellow)
                
            }
            .padding()
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

 

미리보기