SwiftUI中如何使用枚举控制视图状态并在子视图修改状态值

方案1：使用@Binding传递状态（适用简单父子视图场景） #

这是最直接的方案，你只需要给子视图添加@Binding属性，接收父视图@State属性的引用即可：

1. 修改StartView结构体，添加对应绑定属性：

struct StartView: View {
    // 接收父视图传递的状态绑定
    @Binding var currentView: ContentView.ViewType
    
    var body: some View {
        Text("start")
        Button(action: {
            // 直接修改绑定值即可同步更新父视图的状态
            currentView = .game
        }, label: {
            Text("进入游戏")
        })
    }
}

2. 在ContentView中调用StartView时传入绑定值：

if currentView == .start {
    StartView(currentView: $currentView) // $ 符号用于获取@State的绑定对象
}

其他子视图（SettingsView、GameView等）如果需要切换视图，也用同样的方式添加@Binding属性即可。

方案2：使用ObservableObject全局管理状态（适用多层级复杂视图） #

如果你的视图层级很深，逐层传递绑定过于繁琐，可以封装全局状态类管理视图切换：

1. 定义状态管理类：

class ViewRouter: ObservableObject {
    // 把视图枚举移到这里也可以，方便全局访问
    enum ViewType {
        case start
        case settings
        case game
        case finish
    }
    
    // @Published 修饰的属性变更时会通知所有监听的视图刷新
    @Published var currentView: ViewType = .start
}

2. 在ContentView中持有状态类并注入环境：

struct ContentView: View {
    // 持有全局状态对象
    @StateObject private var router = ViewRouter()
    
    var body: some View {
        Group {
            // 根据router的属性判断显示的视图
            switch router.currentView {
            case .start:
                StartView()
            case .settings:
                SettingsView()
            case .game:
                GameView()
            case .finish:
                GameOverView()
            }
        }
        // 把状态对象注入环境，所有子视图都可以直接读取
        .environmentObject(router)
    }
}

3. 在子视图中读取并修改全局状态：

struct StartView: View {
    // 从环境中获取状态对象
    @EnvironmentObject private var router: ViewRouter
    
    var body: some View {
        Text("start")
        Button(action: {
            router.currentView = .game
        }, label: {
            Text("进入游戏")
        })
    }
}

优化建议 #

• SwiftUI 3.0及以上版本支持在body中直接使用switch判断枚举，比多个if else写法更简洁，也不会漏枚举 case。
• 给枚举添加CaseIterable协议，后续如果需要做枚举遍历（比如添加调试切换按钮）会更方便。

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