系统/深色/浅色模式实现Bug：Sheet未即时应用系统主题

问题原因 #

1. 当选择system主题时，Sheet视图若使用固定颜色值（如Color.white/Color.black）而非系统动态颜色（如Color(.systemBackground)/Color(.label)），则无法跟随系统主题自动切换。
2. 模态Sheet视图的环境未实时同步系统主题变化，需确保视图能响应@AppStorage或系统颜色方案的更新。

修复步骤 #

1. 替换固定颜色为系统动态颜色 #

修改SheetView.swift中的UI元素颜色，使用系统提供的动态颜色适配明暗主题：

struct SheetView: View {
    @Environment(\.dismiss) var dismiss
    
    var body: some View {
        NavigationStack {
            Text("Sheet Content")
                .foregroundColor(Color(.label))
                .padding()
                .navigationTitle("Sheet")
                .toolbar {
                    Button("Done") {
                        dismiss()
                    }
                }
        }
        .background(Color(.systemBackground))
    }
}

2. 确保App层级主题逻辑正确 #

检查demoApp.swift的主题绑定逻辑，system模式下返回nil让系统自动控制主题：

enum AppTheme: String, CaseIterable {
    case system, light, dark
}

@main
struct demoApp: App {
    @AppStorage("selectedTheme") private var selectedTheme: AppTheme = .system
    
    var body: some Scene {
        WindowGroup {
            ContentView()
                .preferredColorScheme(colorScheme)
        }
    }
    
    private var colorScheme: ColorScheme? {
        switch selectedTheme {
        case .system:
            return nil
        case .light:
            return .light
        case .dark:
            return .dark
        }
    }
}

3. 确认ContentView的Picker绑定正确 #

保证ContentView.swift中的Picker正确绑定@AppStorage的主题值，实现实时切换：

struct ContentView: View {
    @AppStorage("selectedTheme") private var selectedTheme: AppTheme = .system
    @State private var showSheet = false
    
    var body: some View {
        VStack {
            Picker("Theme", selection: $selectedTheme) {
                ForEach(AppTheme.allCases, id: \.self) { theme in
                    Text(theme.rawValue.capitalized)
                }
            }
            .pickerStyle(.segmented)
            .padding()
            
            Button("Open Sheet") {
                showSheet.toggle()
            }
        }
        .sheet(isPresented: $showSheet) {
            SheetView()
        }
        .background(Color(.systemBackground))
    }
}

验证效果 #

1. 选择system主题后，切换系统明暗模式，ContentView和Sheet视图会实时同步主题变化，无需关闭重开Sheet。
2. 选择light/dark主题时，全应用（包括Sheet）会立即切换到对应主题，且设置会持久化保存。

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