[SwiftUI] ViewBuilder란?

ViewBuilder란?

클로저에서 뷰를 구성하는 커스턴 매개변수 속성입니다.

ViewBuilder는 자식 뷰를 생성하는 클로저 매개변수에 대한 매개변수 속성으로 일반적으로 사용됩니다. 뷰 빌더를 사용해서 해당 클로저가 여러 자식 뷰를 제공할 수 있도록합니다. 

 

즉, SwiftUI에서는 ViewBuilder를 사용하여 클로저 내에서 여러 개의 뷰를 생성할 수 있습니다. 이러한 개념을 확장하여, 사용자는 자신만의 매개변수 속성을 만들어 클로저에서 뷰를 생성하도록 지정할 수 있습니다. 이 매개변수 속성을 사용하면, 뷰를 생성하는 코드를 보다 간결하고 가독성 높게 작성할 수 있으며, 재사용성도 높아집니다. 예를 들어, 사용자 지정 매개변수 속성을 사용하여 뷰의 색상, 테두리 스타일, 배치 방식 등을 쉽게 변경할 수 있습니다.

 

 

ViewBuilder를 사용하여 여러 개의 하위 뷰를 포함하는 customView를 만드는 예시

import SwiftUI

struct ContentView: View {
    var body: some View {
        customView {
            Text("Hello,")
            Text("ViewBuilder!")
        }
    }
}

struct customView<Content: View>: View {
    let content: () -> Content
    
    init(@ViewBuilder content: @escaping () -> Content) {
        self.content = content
    }
    
    var body: some View {
        VStack {
            content()
        }
    }
}

customView는 ViewBuilder를 사용하여 여러 개의 하위 뷰를 포함할 수 있습니다.

customView는 @ViewBuilder 속성 래퍼를 사용하여 여러 뷰를 인수로 받는 클로저를 전달받습니다.

customView의 body 컴퓨티드 프로퍼티에서는 VStack을 이용하여 여러 하위 뷰를 렌더링합니다.

content() 메소드를 호출하여 ViewBuilder에서 전달받은 여러 뷰를 렌더링합니다.