SwiftUI切换配色主题时NavigationLink页面意外返回问题求助

问题原因 #

切换配色主题时，MyTabView 因监听 colorScheme 触发视图重建，外层 NavigationView 与 TabView 的层级交互出现异常，第二次切换时会导致导航栈自动弹出。同时手动在 tabItem 中设置 foregroundColor 会增加不必要的视图重建，加剧状态干扰。

修复方案 #

方案1：调整视图层级+简化颜色设置

将 NavigationView 移至 TabView 的子内容内部，避免外层导航视图受主题切换影响；同时移除 tabItem 中手动设置的 foregroundColor，通过 accentColor 统一控制标签栏样式：

struct MyTabView: View {
    @Environment(\.colorScheme) var colorScheme
    @State var toggle = false
    
    var body: some View {
        TabView {
            NavigationView {
                ContentView(toggle: $toggle)
                    .navigationBarTitleDisplayMode(.inline)
            }
            .tabItem {
                Text("Profile")
            }
        }
        .accentColor(colorScheme == .dark ? .white : .black)
    }
}

struct ContentView: View {
    @Binding var toggle: Bool
    
    var body: some View {
        NavigationLink(destination: Text("madmasdmsadas"), isActive: $toggle) {
            Text("Click")
        }
    }
}

@main
struct AppTesting: App {
    var body: some Scene {
        WindowGroup {
            MyTabView()
        }
    }
}

方案2：使用@StateObject稳定状态管理

如果需要更可靠的状态维持，可将导航状态封装到ObservableObject中，确保跨视图重建时状态不丢失：

class NavigationState: ObservableObject {
    @Published var toggle = false
}

struct MyTabView: View {
    @Environment(\.colorScheme) var colorScheme
    @StateObject private var navState = NavigationState()
    
    var body: some View {
        TabView {
            NavigationView {
                ContentView(toggle: $navState.toggle)
                    .navigationBarTitleDisplayMode(.inline)
            }
            .tabItem {
                Text("Profile")
            }
        }
        .accentColor(colorScheme == .dark ? .white : .black)
    }
}

struct ContentView: View {
    @Binding var toggle: Bool
    
    var body: some View {
        NavigationLink(destination: Text("madmasdmsadas"), isActive: $toggle) {
            Text("Click")
        }
    }
}

@main
struct AppTesting: App {
    var body: some Scene {
        WindowGroup {
            MyTabView()
        }
    }
}

两种方案都能解决第二次切换主题时页面自动返回的问题，方案2更适合复杂场景下的状态管理。

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