SwiftUI View的if-else条件运行逻辑及条件化视图生成问题咨询

1. 原生if {} else {}的工作逻辑 #

你在body中直接使用的条件语句，本质是SwiftUI通过@ViewBuilder特性将两个分支包装为_ConditionalContent类型的视图，实际运行逻辑如下：

• 所有分支的代码都会在编译期完整生成到二进制包中，不会被自动剔除
• 运行时只会根据当前condition的值渲染对应分支的视图，另一分支的代码不会被执行，但对应的编译产物依然存在
• 如果分支内有重初始化逻辑，即使不命中分支，相关类型的编译开销也会被保留

2. 仅生成目标分支代码的实现方案 #

根据条件的确定时机，有两种常用的实现方式：

2.1 编译期可确定条件：直接剔除不需要的分支 #

如果你的条件可以在编译阶段就确定（比如Debug/Release环境差异、功能开关编译配置、固定系统版本适配），可以用Swift编译指令#if，不满足的分支不会参与编译，完全不会生成对应的二进制代码：

import SwiftUI

struct SettingsView: View {
    var body: some View {
        List {
            // 只有DEBUG宏开启时，这个分支才会被编译进安装包
            #if DEBUG
            NavigationLink("调试面板") {
                DebugPanelView()
            }
            #endif
            
            NavigationLink("通用设置") {
                GeneralSettingsView()
            }
        }
    }
}

2.2 运行时才能确定条件：通过闭包（Lambda）懒加载优化 #

如果条件需要等运行时才能拿到（比如用户身份、接口返回的开关状态），没办法完全剔除另一分支的编译产物，但可以通过把分支逻辑封装在闭包中，只有命中分支时才会执行闭包内的代码，避免不必要的视图初始化开销：

import SwiftUI

// 扩展View实现带闭包的条件构造
extension View {
    @ViewBuilder
    func `if`<TrueContent: View, FalseContent: View>(
        _ condition: Bool,
        then trueContent: (Self) -> TrueContent,
        else falseContent: (Self) -> FalseContent
    ) -> some View {
        if condition {
            trueContent(self)
        } else {
            falseContent(self)
        }
    }
}

// 使用示例
struct HomeView: View {
    let isPremiumUser: Bool
    
    var body: some View {
        VStack {
            Text("首页内容")
        }
        .if(isPremiumUser) { view in
            // 闭包内的代码只有isPremiumUser为true时才会执行初始化
            view.toolbar {
                PremiumMemberEntrance()
            }
        } else: { view in
            view.toolbar {
                BuyPremiumPromo()
            }
        }
    }
}

注意：这种写法和原生if else的编译产物体积没有差异，但是可以减少运行时不必要的实例化操作，适合分支内视图初始化逻辑较重的场景。

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