SwiftUI：如何重构视图中的嵌套条件语句

嘿，我来分享几个能让这段嵌套条件代码更干净易读的重构思路，都是SwiftUI开发里常用的实用技巧：

1. 合并条件判断，扁平化嵌套层级 #

最直接的优化就是把多层if的判断条件合并，Swift支持在if let后面用逗号追加额外的布尔条件，能立刻减少嵌套深度：

var body: some View {
    VStack {
        if let condition = condition, condition2 {
            condition3 ? Text("some view") : Text("some view")
        } else if condition != nil {
            Text("some view")
        }
    }
}

如果condition3对应的两个视图内容完全一致，还能再简化一步，直接去掉内层的分支判断：

var body: some View {
    VStack {
        if let condition = condition {
            condition2 ? Text("some view") : Text("some view")
        }
    }
}

2. 用Switch语句统一管理条件组合 #

把多个条件打包成元组，用switch匹配不同的情况，这种方式在条件分支较多时，逻辑会比嵌套if更清晰直观：

var body: some View {
    VStack {
        switch (condition, condition2, condition3) {
        case (.some(_), true, true):
            Text("some view")
        case (.some(_), true, false):
            Text("some view")
        case (.some(_), false, _):
            Text("some view")
        default:
            EmptyView() // 处理condition为nil的空场景
        }
    }
}

3. 提取成ViewBuilder辅助函数 #

把条件判断的逻辑封装到一个单独的@ViewBuilder计算属性或函数里，让body的代码保持简洁，后续修改逻辑也更方便：

var body: some View {
    VStack {
        conditionalContentView
    }
}

@ViewBuilder
private var conditionalContentView: some View {
    if let condition = condition {
        if condition2 {
            condition3 ? Text("some view") : Text("some view")
        } else {
            Text("some view")
        }
    }
}

4. 紧凑写法（适合简单逻辑） #

如果分支逻辑非常简单，也可以用三元运算符缩短代码，但要注意不要过度使用，避免可读性下降：

var body: some View {
    VStack {
        if let condition = condition {
            condition2 ? (condition3 ? Text("some view") : Text("some view")) : Text("some view")
        }
    }
}

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