V, S, Z stack and divider

//

//  ContentView.swift

//  ex03

//

//  Created by tjoeun on 2023/04/15.

//

 

import SwiftUI

 

struct FirstText: View{

    var body: some View{

    Text("Hello, SwiftUI")

            .padding()

            .border(Color.blue, width:3)

            .background(Color.green)

            

    }

}

 

struct ContentView: View {

    var body: some View {

        

        VStack{

            HStack {

                FirstText()

                FirstText()

                FirstText()

            }

            Divider()

            HStack(alignment: .top, spacing: 10){

                FirstText()

                FirstText()

                FirstText()

            }

            Divider()

            VStack {

                FirstText()

                FirstText()

                FirstText()

            }

            Divider()

            // 상하방향 정렬

            ZStack{

                Color.yellow.edgesIgnoringSafeArea(.all)

                Color.red.frame(width:200, height:200)

                Color.blue.frame(width: 100, height: 100)

                

            }

            .padding()

            .border(Color.red, width:3)

            Divider()

            HStack(alignment: .center, spacing:10){

                Text("Hellow").font(.caption)

                Text("Hellow")

                Text("Hellow").font(.title)

                Text("Hellow").font(.largeTitle)

            }

        }

    }

}

 

struct ContentView_Previews: PreviewProvider {

    static var previews: some View {

        ContentView()

    }

}