[SwiftUI] GroupBox 사용해보기

 

오늘은 GroupBox에 대해 알아보자!👩🏻‍🍳

---

GroupBox

SwiftUI에서 GroupBox는 관련된 여러 뷰를 그룹화하는 컨테이너이다. 자체적으로 그룹의 제목과 함께 뷰를 그룹화하여, 내용이 어떤 정보를 나타내는지 사용자에게 명확하게 전달할 수 있도록 도와준다.

 

GroupBox Apple 공식 문서

GroupBox | Apple Developer Documentation

 

---

 

예시 코드

뭔가 개인정보 동의서 같은 화면 만들 때 어울릴 것 같아서 UI를 만들어보기로!

 

var body: some View {
        GroupBox(label:
                    Label("개인정보 수집 및 이용", systemImage: "building.columns")
        ) {
            ScrollView(.vertical, showsIndicators: true) {
                Text(agreementText)
                    .font(.footnote)
            }
            .frame(height: 100)
            Toggle(isOn: $userAgreed) {
                Text("이에 동의합니다.")
            }
        }
        Spacer()
    }

 

이렇게 만들면 아래 화면처럼 만들 수 있다.

 

 

---

오늘의 코드 레시피👩🏻‍🍳 완료!🩷