Как создать представление с несколькими вложенными представлениями, такими как VStack в SwiftUI

#swiftui

#swiftui

Вопрос:

Я создал пользовательское представление, которое в основном представляет собой VStack с примененными к нему модификаторами. Но в отличие от исходного представления VStack, мне приходится использовать группирующее представление, когда я использую его с несколькими вложенными представлениями.

Как я могу избавиться от «Группы» в примере ниже?

 import SwiftUI

struct ContentView: View {
    var body: some View {
        CustomGroup() {
            Group {
                Text("Hello")
                Text("World")
            }
        }
    }
}

struct CustomGroup<Content>: View where Content : View {
    let content: () -> Content
    
    var body: some View {
        VStack() {
            content()
        }
        .background(Color.yellow)
        .cornerRadius(8)
    }
}
  

Ответ №1:

Вам нужна инициализация с помощью ViewBuilder

Вот решение. Протестировано с Xcode 12 / iOS 14

 struct TestCustomGroup: View {
    var body: some View {
        CustomGroup {
            Text("Hello")
            Text("World")
        }
    }
}

struct CustomGroup<Content>: View where Content : View {
    let content: () -> Content

    init(@ViewBuilder _ content: @escaping () -> Content) {
        self.content = content
    }

    var body: some View {
        VStack {
            content()
        }
        .background(Color.yellow)
        .cornerRadius(8)
    }
}