SwiftUI中如何将if-let-else作为单个视图处理？

编写View扩展为任意视图底部添加名为statusBar的说明栏，要求支持Text、Image、Link等任意视图内容。代码编写完成后，Xcode在.statusBar调用的上一行抛出Type '()' cannot conform to 'View'错误。
经测试：如果将闭包内的if-let-else代码块替换为单个视图（如Text("Hello, world!")），错误就会消失，但业务逻辑需要根据if-let判断结果展示不同内容，需要修复该问题。

原有实现代码 #

扩展定义 #

// .statusBar extension

struct StatusBarView: ViewModifier {
    
    let statusBar: AnyView
    
    init<V: View>(statusBar: () -> V) {
        self.statusBar = AnyView(statusBar())
    }
    
    func body(content: Content) -> some View {
        VStack(spacing: 0) {
            content
            statusBar
        }
    }
}

extension View {
    func statusBar<V: View>(statusBar: () -> V) -> some View {
        self.modifier(StatusBarView(statusBar: statusBar))
    }
}

调用代码 #

// Inside main app view

Image(systemName: "link")
    .font(.system(size: 48))      // Xcode error: Type '()' cannot conform to 'View'
    .statusBar {
        //
        // If I change below if-let-else to a single view
        // (e.g. Text("Hello, world!"))
        // Then it works.
        //
        if let url = mediaManager.url {
            Text(url.path)
        } else {
            Text("No media loaded.")
        }
    }

SwiftUI中，包含多分支的条件逻辑（if/else、if let、switch）不会自动被识别为单个View类型，此时闭包的返回值是Void（即()类型），不符合泛型声明中V: View的约束，因此抛出类型不匹配错误。当闭包内只有单个明确类型的视图时，返回值类型符合View协议要求，所以可以正常运行。

优先使用官方标准写法，给闭包参数添加@ViewBuilder标注，该属性会自动将多分支逻辑合成合法的View类型，同时可以移除不必要的AnyView类型擦除，避免额外性能开销：

// 修改后的扩展实现
struct StatusBarView<BarContent: View>: ViewModifier {
    
    let statusBar: BarContent
    
    init(@ViewBuilder statusBar: () -> BarContent) {
        self.statusBar = statusBar()
    }
    
    func body(content: Content) -> some View {
        VStack(spacing: 0) {
            content
            statusBar
        }
    }
}

extension View {
    func statusBar<BarContent: View>(@ViewBuilder statusBar: () -> BarContent) -> some View {
        self.modifier(StatusBarView(statusBar: statusBar))
    }
}

修改完成后，原有调用侧的if-let逻辑不需要做任何调整，即可正常编译运行，使用体验和SwiftUI内置的VStack、ZStack等容器完全一致。

如果不想修改扩展定义，也可以在调用侧用Group包裹多分支逻辑，明确指定容器视图类型：

Image(systemName: "link")
    .font(.system(size: 48))
    .statusBar {
        Group {
            if let url = mediaManager.url {
                Text(url.path)
            } else {
                Text("No media loaded.")
            }
        }
    }

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