preferredColorScheme无法即时切换混合UIKit/SwiftUI应用配色问题

问题背景 #

开发混合UIKit/SwiftUI应用（SwiftUI为主），设置页通过绑定@AppStorage的Toggle切换明暗模式，确认UserDefault值已正常变更，但应用配色需重启才生效，仅SwiftUI预览可即时切换，预期点击Toggle后整个应用立即切换配色。

问题原因 #

1. 根视图的preferredColorScheme仅在应用启动时设置一次，未监听isDarkMode的变化，导致后续值变更时根视图不会重新渲染更新配色。
2. SettingsView中单独设置的preferredColorScheme仅作用于当前视图层级，无法影响整个应用的配色。

解决方案 #

1. 重构根视图，让配色响应@AppStorage变化 #

创建根容器视图，通过@AppStorage监听isDarkMode变化，自动同步全局配色：

struct RootView: View {
    @AppStorage("isDarkMode") private var isDarkMode = false
    
    var body: some View {
        GettingStartedView(featureData: FeatureData())
            .preferredColorScheme(isDarkMode ? .dark : .light)
    }
}

2. 修改AppDelegate，使用根容器视图 #

替换原启动代码中的根视图，确保全局配色随isDarkMode实时更新，同时添加监听同步UIKit界面：

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    window = UIWindow(frame: UIScreen.main.bounds)
    
    let rootView = RootView()
    let rootVC = UIHostingController(rootView: rootView)
    
    window?.rootViewController = rootVC
    window?.makeKeyAndVisible()
    
    // 监听UserDefaults变化，同步UIKit界面配色
    NotificationCenter.default.addObserver(self, selector: #selector(updateColorScheme), name: UserDefaults.didChangeNotification, object: nil)
    
    return true
}

@objc private func updateColorScheme() {
    let isDarkMode = UserDefaults.standard.bool(forKey: "isDarkMode")
    window?.overrideUserInterfaceStyle = isDarkMode ? .dark : .light
}

3. 移除SettingsView中的局部配色设置 #

删除SettingsView中的.preferredColorScheme修饰符，统一由根视图控制全局配色：

struct SettingsView: View {
    @AppStorage("isDarkMode") private var isDarkMode = false
    
    var body: some View {
        List{
            Section(header: Text("App Settings")
                .font(.subheadline.weight(.medium))
                .foregroundColor(.white) )
            {
                ListItemView(title: "Dark Mode", subTitle: isDarkMode ? "ON" : "OFF") {
                    Spacer()
                    Toggle("", isOn: $isDarkMode)
                        .frame(width: 30)
                        .padding(.trailing)
                }
            }
        }
        .navigationTitle("Settings")
        // 移除此处的.preferredColorScheme修饰符
    }
}

关键说明 #

• 根容器视图通过@AppStorage绑定isDarkMode，值变更时自动触发视图重渲染，更新全局配色。
• 添加UserDefaults.didChangeNotification监听，确保UIKit视图也能即时响应配色变化。
• 移除SettingsView的局部配色设置，避免视图层级间的配色冲突，统一全局配色逻辑。

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