SwiftUI递归函数调用引发编译错误，求解决方案

问题详情 #

我正在为个人项目构建可在安卓和iOS间共享的简易设计系统，组件定义在公共Kotlin模块中。尝试编写SwiftUI函数实现视图时出现编译错误：

Command CompileSwift failed with a nonzero exit code

涉及的代码如下：

widget函数 #

@ViewBuilder
func widget(widget: MyWidget) -> some View {
    switch widget {
    case let box1 as MyBox:
        box(box: box1)
    default:
        fatalError("Unsupported widget: \(widget)")
    }
}

box函数 #

@ViewBuilder
func box(box: MyBox) -> some View {
    ZStack {
        ForEach(box.children) { child in
            widget(widget: child)
        }
    }
}

注：移除递归调用（如将widget(widget: child)替换为Text）即可解决编译问题，且这些函数未被其他地方调用，使用Xcode 14.1版本。

解决方案 #

SwiftUI的@ViewBuilder在处理递归函数时，Xcode 14.1版本的编译器存在类型推断限制，可通过以下方式解决：

• 方案1：用AnyView包裹递归调用
  通过AnyView明确视图类型，绕过编译器的类型推断问题，修改后的box函数如下：

@ViewBuilder
func box(box: MyBox) -> some View {
    ZStack {
        ForEach(box.children) { child in
            AnyView(widget(widget: child))
        }
    }
}

该方案会带来轻微性能开销，但对小型设计系统影响可忽略。

• 方案2：改用结构体封装递归视图
  将递归逻辑移至结构体View中，结构体的类型推断更稳定，避免函数式@ViewBuilder的递归问题：

struct WidgetView: View {
    let widget: MyWidget
    
    var body: some View {
        switch widget {
        case let box as MyBox:
            BoxView(box: box)
        default:
            fatalError("Unsupported widget: \(widget)")
        }
    }
}

struct BoxView: View {
    let box: MyBox
    
    var body: some View {
        ZStack {
            ForEach(box.children) { child in
                WidgetView(widget: child)
            }
        }
    }
}

• 方案3：升级Xcode版本
  Xcode 14.1存在多个SwiftUI编译器bug，升级至Xcode 14.3及以上版本，此类递归@ViewBuilder函数的编译问题大多已被修复。

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