SwiftUI 如何实现应用三档外观实时切换，解决系统模式切换不生效问题

当前实现的两个核心bug直接导致系统模式无法即时响应：

• 一旦对视图显式调用.preferredColorScheme(.light/.dark)，SwiftUI会在该视图层级内固定覆盖环境传入的colorScheme值，直接阻断系统外观变化的向下传递
• 原代码在系统模式分支传参preferredColorScheme(colorScheme)，本质是传入视图初始化时缓存的固定环境值，而非动态跟随系统的逻辑。这个缓存值只有在应用重启时才会被重新读取，自然无法实现即时切换

SwiftUI的.preferredColorScheme对系统模式有原生的支持逻辑：当传入参数为nil时，代表完全移除所有手动外观覆盖，自动跟随系统全局配置。这个状态下SwiftUI会主动订阅系统外观变化通知，不需要重启应用就能实时同步系统的配色调整，根本不需要手动读取环境中的colorScheme做传值。
具体调整动作：

• 移除自定义修饰器中依赖环境colorScheme的传参逻辑，直接在修饰器内根据用户的选择切换对应的preferredColorScheme参数
• 系统模式分支直接传入nil，替换原来传固定colorScheme值的逻辑

修正后的代码 #

自定义视图修饰器

import SwiftUI

struct ColorSchemeModifier: ViewModifier {
    // 统一通过AppStorage读取用户的外观选择
    @AppStorage("selectedAppearance") private var selectedAppearance = 0
    
    func body(content: Content) -> some View {
        switch selectedAppearance {
        case 1:
            // 强制锁定浅色模式
            content.preferredColorScheme(.light)
        case 2:
            // 强制锁定深色模式
            content.preferredColorScheme(.dark)
        default:
            // 系统模式：传nil清除手动覆盖，自动跟随系统
            content.preferredColorScheme(nil)
        }
    }
}

简化后的根视图

struct ContentView: View {
    var body: some View {
        MainView()
            // 修饰器挂在最外层根视图，保证全局生效
            .modifier(ColorSchemeModifier())
    }
}

MainView的原有按钮逻辑不需要调整，因为@AppStorage是全局共享的，只要存储key一致，修改值后会自动触发视图刷新。

调整后全链路的交互完全符合预期：

• 选择浅色/深色模式时，直接固定对应的配色方案，点击按钮即时生效
• 切回系统模式时，preferredColorScheme(nil)会立刻清除之前的手动覆盖状态，重新建立对系统外观变化的监听。后续在iOS系统设置里调整深浅色模式时，应用会同步响应，不需要重启
• 不存在环境值被旧状态缓存的问题，所有切换动作都是即时触发的状态变化

注意：该修饰器必须挂在应用最外层的根视图上，不要挂在存在其他preferredColorScheme覆盖的子视图层级，否则会再次出现外观监听被阻断的问题。

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