SwiftUI应用明暗模式切换及状态持久化问题求助

问题根源 #

重启后主题恢复默认的核心原因是用户的主题选择未被持久化存储，每次App启动都会重新初始化主题状态，导致之前的设置丢失。

解决方案步骤 #

1. 定义可持久化的主题枚举 #

创建包含「跟随系统」「浅色」「深色」的枚举，采用String类型rawValue，方便存入UserDefaults：

enum AppTheme: String, CaseIterable {
    case system = "跟随系统"
    case light = "浅色"
    case dark = "深色"
    
    // 转换为SwiftUI支持的ColorScheme
    var colorScheme: ColorScheme? {
        switch self {
        case .system: return nil // nil表示跟随系统
        case .light: return .light
        case .dark: return .dark
        }
    }
    
    // 转换为UIKit界面风格（兼容全局生效）
    var uiInterfaceStyle: UIUserInterfaceStyle {
        switch self {
        case .system: return .unspecified
        case .light: return .light
        case .dark: return .dark
        }
    }
}

2. 实现主题管理类（带持久化） #

创建ObservableObject类，负责主题的读取、切换和持久化，用@Published属性触发视图更新：

class ThemeManager: ObservableObject {
    @Published var currentTheme: AppTheme = .system
    
    // 存储到UserDefaults的键名
    private let themeStorageKey = "AppSelectedTheme"
    
    init() {
        // 启动时从UserDefaults读取之前保存的主题
        if let savedThemeRaw = UserDefaults.standard.string(forKey: themeStorageKey),
           let savedTheme = AppTheme(rawValue: savedThemeRaw) {
            currentTheme = savedTheme
        }
    }
    
    // 切换并保存主题
    func switchToTheme(_ theme: AppTheme) {
        currentTheme = theme
        UserDefaults.standard.set(theme.rawValue, forKey: themeStorageKey)
    }
}

3. 全局注入主题管理器并应用主题 #

在App入口处，将ThemeManager作为环境对象注入所有视图，同时监听主题变化，全局更新界面风格：

@main
struct YourApp: App {
    // 用StateObject确保管理器在App生命周期内唯一
    @StateObject private var themeManager = ThemeManager()
    
    var body: some Scene {
        WindowGroup {
            ContentView()
                .environmentObject(themeManager)
                // 应用SwiftUI层级的配色方案
                .preferredColorScheme(themeManager.currentTheme.colorScheme)
                // 监听主题变化，同步更新UIKit层级的全局风格（确保所有界面生效）
                .onChange(of: themeManager.currentTheme) { newTheme in
                    UIApplication.shared.windows.first?.overrideUserInterfaceStyle = newTheme.uiInterfaceStyle
                }
        }
    }
}

4. 主题切换视图示例 #

在任意子视图中，通过环境对象调用主题切换方法，无需逐个视图配置：

struct ContentView: View {
    @EnvironmentObject private var themeManager: ThemeManager
    
    var body: some View {
        VStack(spacing: 24) {
            Text("当前主题：\(themeManager.currentTheme.rawValue)")
                .font(.title)
            
            // 遍历所有主题选项生成按钮
            ForEach(AppTheme.allCases, id: \.self) { theme in
                Button(action: {
                    themeManager.switchToTheme(theme)
                }) {
                    Text(theme.rawValue)
                        .padding(.horizontal, 24)
                        .padding(.vertical, 12)
                        .background(themeManager.currentTheme == theme ? Color.accentColor : Color.gray.opacity(0.2))
                        .foregroundColor(.white)
                        .cornerRadius(8)
                }
            }
        }
        .padding()
    }
}

关键说明 #

• 持久化逻辑：通过UserDefaults存储主题的rawValue，App启动时自动读取，确保重启后保留用户选择。
• 全局生效：在App层级设置preferredColorScheme并同步UIKit的overrideUserInterfaceStyle，无需在每个视图单独配置主题。
• 响应式更新：@Published属性触发视图自动刷新，切换主题时所有界面实时更新。

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