SwiftUI中自定义View的init方法如何传入回调参数

自定义init时无法接收回调的核心原因是没有正确声明闭包形参，同时没有适配@State属性的初始化规则，按以下方式修改即可正常运行，同时支持多参数传入、自定义预处理逻辑。

核心规则 #

• 用作用户交互回调的闭包必须标记@escaping，因为闭包会在初始化完成、用户触发交互时才执行，超出init方法的生命周期
• @State修饰的状态属性不能直接在init里给self.xxx赋值，必须通过下划线前缀访问属性包装器的底层存储，用State(initialValue:)完成初始化
• 其余自定义参数和普通结构体init写法完全一致，把闭包参数放在形参列表末尾，就可以继续使用尾随闭包语法调用

修正后的完整代码 #

import SwiftUI

struct Choices: View
{
    let choices = ["One", "Two", "Three"]
    @State var choice: String
    let callback: (String) -> ()
    // 可按需新增任意自定义属性，示例为分组标记参数
    let groupTag: String

    init(
        defaultChoice: String = "One",
        groupTag: String,
        callback: @escaping (String) -> ()
    ) {
        // 初始化@State状态属性
        _choice = State(initialValue: defaultChoice)
        // 初始化常量属性
        self.callback = callback
        self.groupTag = groupTag

        // 此处可添加任意预处理逻辑，比如参数校验、默认数据处理等
        print("选项组\(groupTag)初始化完成")
    }

    var body: some View
    {
        VStack(alignment: .leading)
        {
            ForEach(choices, id:\.self)
            { c in
                HStack
                {
                    Image(systemName: (choice == c) ? "checkmark.square" : "square")
                    Text(c)
                }.onTapGesture
                {
                    choice = c
                    callback(c)
                }
            }
            Divider()
        }.padding()
    }
}

struct ChoicesContentView: View
{
    @State var answers:[String] = ["","",""]
    
    var body: some View
    {
        VStack(alignment: .leading)
        {
            ForEach(0..<3)
            { i in
                // 调用时传入对应参数，尾随闭包写法保持不变
                Choices(groupTag: "第\(i)组")
                { ans in
                    answers[i] = ans
                    print(ans)
                }
                Text("Selected: \(answers[i])")
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ChoicesContentView()
    }
}

常见踩坑点 #

• 忘记给回调闭包加@escaping会直接触发编译错误
• 直接在init里写self.choice = "One"会破坏@State的存储逻辑，导致点击切换选项时视图无法正常刷新
• 如果需要传入@Binding类型的参数，初始化时同样要加下划线访问底层包装器，用_xxx = Binding(...)的方式赋值

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