Divider 란 ?

[Roy-wonji]

Divider 란?

Divider는 하나의 Contents와 다른 Contents를 구분하는 뷰입니다.

Divider는 간단하게 선언만 해주면 되는데, 복잡하지 않습니다. 사용하는 방법은 코드로 확인해보도록 하겠습니다.

Horizontal Divider

var body: some View {
     //VStack으로 전체 화면을 40으로 할당
        VStack(spacing: 40){
            Group {
                //H_Divider
                Text("Horizontal Divider")
                Divider()
                Image(systemName: "a.circle.fill")
                Divider()
            }
        }

Divider Color

Group {
                //3. 색상
                Text("Divider 색상")
                Divider()
                    .background(Color.red)
                Image(systemName: "c.circle.fill")
                Divider()
                    .background(Color.red)
            }

Divider 길이

Group {
                //4. 길이
                Text("Driver 길이 조절")
                Divider()
                      //frame 으로 길이 조절
                    .frame(width: 200)
                Image(systemName: "d.circle.fill")
                Divider()
                    .frame(width: 300)
            }

전체 화면

[M1zz]

숟가랑 얹어서 가보겠습니다 후후

https://youtu.be/R3kq8x5bE9E

[Roy-wonji]

강의 올려주신걸로 해서 정리 한거에요 ㅎㅎ @M1zz