SwiftUI中如何向子视图传递可选函数并解决调用报错？

问题背景 #

想要实现一个SwiftUI的ChildView，支持选择性接收父视图传入的action闭包：传入时调用该闭包，未传入时执行自定义逻辑。但调用ChildView()时编译器报错“Missing argument for parameter 'action' in call”，明明以为action是可选参数却不能省略；另外初始化器里的@escaping是自动添加的，不清楚原因和必要性。

解决方案 #

1. 修正可选闭包的声明方式 #

你当前写的let action: () -> ()?不是可选闭包，而是一个返回可选Void类型的闭包。真正的可选闭包需要把整个闭包类型包装成可选，正确写法是(() -> Void)?。

2. 给初始化器参数设置默认值 #

要让调用ChildView()时可以省略action参数，必须在初始化器的参数里给action设置默认值nil，这样编译器才会允许无参调用。

3. 理解@escaping的必要性 #

因为你把闭包存储在了ChildView的属性中，并且会在onTapGesture这个后续的回调里调用它——闭包的生命周期超过了初始化器的执行周期，这种情况属于逃逸闭包，必须加上@escaping标记，否则编译器会报错。

修正后的代码 #

ChildView #

struct ChildView: View {
    // 正确声明可选闭包
    let action: (() -> Void)?

    // 给参数添加默认值nil，支持省略调用
    public init(action: @escaping (() -> Void)? = nil) {
        self.action = action
    }
    
    var body: some View {
        VStack {
            Text("Tap")
                .onTapGesture {
                    // 直接判断可选闭包是否存在，存在则调用
                    if let action = action {
                        action()
                    } else {
                        print("No function was given to child view")
                    }
                }
        }
    }
}

ParentView #

struct ParentView: View {
    var body: some View {
        // 现在可以正常省略action参数调用
        ChildView()
        
        // 也可以传入自定义action
        ChildView {
            print("Parent passed action called")
        }
    }
}

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