如何在使用@ViewBuilder时为闭包添加参数？

要让MyView的闭包支持接收参数，需要修改视图的闭包类型定义，并在视图内部传入对应的参数值。以下是两种常见实现方式：

1. 固定参数类型（比如String/Int） #

如果参数类型是确定的，直接修改闭包的类型签名即可：

struct MyView<Content: View>: View {
    // 将content改为带参数的闭包，这里以String为例
    private var content: (String) -> Content
    
    // 初始化器接收带参数的@ViewBuilder闭包
    init(@ViewBuilder content: @escaping (String) -> Content) {
        self.content = content
    }
    
    var body: some View {
        // 在body中传入具体的参数值给闭包
        content("这是传入的参数内容")
    }
}

使用方式：

MyView { value in
    // 直接使用传入的value参数
    Text(value)
}

2. 泛型参数类型（通用场景） #

如果需要支持任意类型的参数，可引入额外的泛型参数来实现：

struct MyView<Value, Content: View>: View {
    private var inputValue: Value
    private var content: (Value) -> Content
    
    // 初始化器接收外部传入的参数值和带参数的闭包
    init(value: Value, @ViewBuilder content: @escaping (Value) -> Content) {
        self.inputValue = value
        self.content = content
    }
    
    var body: some View {
        // 将外部传入的参数传递给闭包
        content(inputValue)
    }
}

使用方式：

// 传入Int类型参数
MyView(value: 42) { value in
    Text("传入的数值是：\(value)")
}

// 传入自定义类型参数
struct User { let name: String }
MyView(value: User(name: "小明")) { user in
    Text("用户名：\(user.name)")
}

关键修改点 #

• 将原有的() -> Content类型闭包，改为(参数类型) -> Content的带参闭包
• 初始化器的闭包参数需保持一致的类型签名，并保留@escaping和@ViewBuilder属性
• 在视图的body中必须调用闭包并传入对应的参数值（内部生成或外部传入均可）

内容的提问来源于stack exchange，提问作者Duck