[SwiftUI] Group, GroupBox

Group

: Stack과 마찬가지로 여러가지 view를 하나의 인스턴스로 만들 때 사용한다. 그룹에 스타일을 지정하면 일괄 지정이 된다는 특징이 있다. (이건 Stack도 마찬가지)

struct GroupView: View {
    var body: some View {
        Group {
            Text("Text1")
            Text("Text2")
            Text("Text3")
        }
    }
}

struct GroupView: View {
    var body: some View {
        Group {
            Text("Text1")
            Text("Text2")
            Text("Text3")
        }
        .foregroundColor(.red)
    }
}

VStack과의 다른 점은 Stack은 요소 개수 제한이 있지만(10개) Group은 없기 때문에 11개의 이상의 요소를 넣고 싶은 경우에 사용해주면 된다.

GroupBox

: GroupBox는 논리적 구분 뿐만 아니라 시각적인 구분도 해주고 싶을 때 사용한다.

struct GroupView: View {
    var body: some View {
        GroupBox {
            Text("Text1")
            Text("Text2")
            Text("Text3")
        }
        .foregroundColor(.red)
    }
}

기본적으로 배경색이 들어간다.

응용하여 카드 형태의 UI컴포넌트를 생성할 수 있다. (공식문서 참고)

Group 공식문서

GroupBox 공식문서