Question

我创建了一个自定义视图，该视图基本上是一个已应用修饰符的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)
    }
}

Answer 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)
    }
}

如何在SwiftUI中创建具有多个子视图的视图，例如VStack

1 个答案: