SwiftUI中使用Enum实现视图切换的问题排查

问题根源 #

• @State声明位置错误：你把@State var ViewState放在了ViewNavigator的body计算属性内部。body是视图刷新时会重复执行的计算属性，SwiftUI无法在这里正确管理状态的生命周期，导致状态更新无法触发视图刷新，同时出现你看到的警告。
• 未传递绑定给子视图：LoginView声明了@Binding var ViewState，但你在ViewNavigator中调用LoginView()时没有传递对应的绑定，导致LoginView里的状态修改无法同步到父视图。

修正后的完整代码 #

1. 修正ViewNavigator

struct ViewNavigator: View {
    // 将@State移至结构体顶层，由SwiftUI正确管理状态生命周期
    @State private var currentViewState: ViewState = .LoginView
    
    var body: some View {
        Group {
            switch currentViewState {
            case .LoginView:
                // 传递状态绑定给LoginView
                LoginView(viewState: $currentViewState)
            case .UserProfileView:
                UserProfileView()
            }
        }
    }
}

2. 完善LoginView

struct LoginView: View {
    // 遵循Swift命名规范，变量名小写开头
    @Binding var viewState: ViewState
    
    var body: some View {
        Button("登录") {
            // 修改绑定状态，触发父视图切换
            viewState = .UserProfileView
        }
    }
}

3. 保持原有Enum和App结构不变

enum ViewState {
    case LoginView
    case UserProfileView
}

struct NightOutApp: App {
    var body: some Scene {
        WindowGroup {
            ViewNavigator()
        }
    }
}

关键修改说明 #

• 把@State变量放在View结构体的顶层，确保SwiftUI能追踪状态变化并触发视图刷新。
• 通过$currentViewState将状态的绑定传递给LoginView，让子视图拥有修改父视图状态的权限。
• 统一命名规范（枚举名大写开头，变量名小写开头），避免命名冲突，提升代码可读性。

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