카테고리 없음

SwiftUI를 이용한 여러 뷰를 묶기(Group, GroupBox)

IFLA 2022. 11. 7. 13:18

VStack을 이용하면 여러 뷰를 묶을 수 있지만 개수가 10개가 한계다. 그래서 10개 초과하는 뷰를 묶으려면 Group과 GroupBox를 이용하면 된다.

 

기본 코드 (Group)

Group {
    Text("SwiftUI")
    Text("Combine")
    Text("Swift System")
}
.font(.headline)

 

실행화면

 

기본코드(GroupBox)

  • 박스형 콘텐츠에 대한 선택적 제목을 사용하여 사용자 인터페이스의 일부를 시작적으로 구별하려는 경우 그룹 상자를 사용한다.
import SwiftUI

struct ContentView: View {
    var body: some View {
        GroupBox(
            label: Label("swiftUI", systemImage: "heart.fill")
                .foregroundColor(.red)
        ) {
            Text("Welcome to swiftUI world")
        }.padding()

    }
}

 

실행화면


개발자 Document

 

Apple Developer Documentation