如何将@Environment(\.colorScheme)恢复为系统自动模式？

这个问题我之前也碰到过，确实用environment(\.colorScheme)强制切换时很顺畅，但要回到系统自动模式就有点棘手，而且条件修饰符导致的视图重建会打乱导航栈——这就给你分享一个靠谱的解决方案：

核心思路：用UIKit的overrideUserInterfaceStyle控制全局配色，避免SwiftUI视图重建 #

SwiftUI直接设置colorScheme环境变量时，一旦切换到"系统默认"就得重建根视图，从而重置导航栈。改用UIKit的窗口级别配色覆盖，既能完美支持三种模式，又不会破坏现有视图状态。

步骤1：创建AppDelegate处理配色更新 #

先写一个AppDelegate来负责更新窗口的配色风格：

class AppDelegate: NSObject, UIApplicationDelegate {
    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey : Any]? = nil) -> Bool {
        updateColorScheme()
        return true
    }
    
    // 根据用户选择更新配色
    func updateColorScheme() {
        guard let window = UIApplication.shared.windows.first else { return }
        let selectedScheme = UserDefaults.standard.string(forKey: "selectedColorScheme")
        
        switch selectedScheme {
        case "dark":
            window.overrideUserInterfaceStyle = .dark
        case "light":
            window.overrideUserInterfaceStyle = .light
        default:
            // .unspecified会让系统自动跟随系统设置
            window.overrideUserInterfaceStyle = .unspecified
        }
    }
}

步骤2：在App结构体中集成AppDelegate并监听设置变化 #

把AppDelegate绑定到你的SwiftUI App中，同时用@AppStorage持久化用户的选择，监听变化时触发配色更新：

@main
struct YourApp: App {
    // 绑定AppDelegate
    @UIApplicationDelegateAdaptor(AppDelegate.self) var appDelegate
    // 用AppStorage持久化用户选择，nil代表系统默认
    @AppStorage("selectedColorScheme") private var selectedColorScheme: String? = nil

    var body: some Scene {
        WindowGroup {
            ContentView()
                // 监听选择变化，立即更新配色
                .onChange(of: selectedColorScheme) { _ in
                    appDelegate.updateColorScheme()
                }
        }
    }
}

步骤3：设置页面添加选项Picker #

在你的设置页面里，添加一个Picker让用户选择三种模式，直接绑定到selectedColorScheme：

struct SettingsView: View {
    @AppStorage("selectedColorScheme") private var selectedColorScheme: String? = nil
    
    var body: some View {
        NavigationStack {
            Form {
                Section {
                    Picker("外观模式", selection: $selectedColorScheme) {
                        Text("系统默认").tag(nil as String?)
                        Text("浅色模式").tag("light" as String?)
                        Text("深色模式").tag("dark" as String?)
                    }
                    .pickerStyle(.inline)
                }
            }
            .navigationTitle("设置")
        }
    }
}

为什么这个方案能解决你的问题？ #

1. 恢复系统自动模式：通过设置window.overrideUserInterfaceStyle = .unspecified，让应用重新跟随系统的配色设置，完美实现"自动"模式。
2. 避免视图重载跳转：这种方式只是修改窗口的配色属性，不会销毁重建SwiftUI的根视图，所以导航栈会保持原来的状态，不会从设置页面跳回主屏幕。
3. 持久化设置：用@AppStorage存储用户选择，重启应用后依然能保持之前的设置。

如果你之前尝试的条件修饰符方案，本质是每次切换时都重新创建了ContentView实例，这会导致整个导航栈被重置——这就是为什么你会跳回主屏幕的原因。而上面的方案从底层窗口级别控制配色，完全避开了这个问题。

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