SwiftUI中如何动态修改toolbarColorScheme实现状态栏颜色切换？

错误原因 #

你遇到的报错“无法将类型为‘Binding’的值转换为预期的参数类型‘ColorScheme?’”，核心问题是toolbarColorScheme的第一个参数接受的是可选类型的ColorScheme，而非Binding<ColorScheme>，你错误地传递了绑定值$statusColor。

修正后的实现代码 #

如果是自定义ViewModifier封装状态栏切换逻辑：

struct StatusBarModifier: ViewModifier {
    @State private var statusColor: ColorScheme = .dark
    
    func body(content: Content) -> some View {
        content
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            // 直接传入ColorScheme值，而非绑定
            .toolbarColorScheme(statusColor, for: .navigationBar)
            // 同步全局颜色方案，确保状态栏颜色跟随切换
            .preferredColorScheme(statusColor)
    }
    
    func switchToLight() {
        statusColor = .light
    }
    
    func switchToDark() {
        statusColor = .dark
    }
}

如果是在具体View中直接实现切换：

struct MainView: View {
    @State private var statusColor: ColorScheme = .dark
    
    var body: some View {
        NavigationStack {
            VStack(spacing: 20) {
                Button("切换浅色状态栏") {
                    switchToLight()
                }
                Button("切换深色状态栏") {
                    switchToDark()
                }
            }
            .navigationTitle("状态栏动态切换")
            .toolbarColorScheme(statusColor, for: .navigationBar)
            .preferredColorScheme(statusColor)
        }
    }
    
    private func switchToLight() {
        statusColor = .light
    }
    
    private func switchToDark() {
        statusColor = .dark
    }
}

关键说明 #

• toolbarColorScheme仅控制导航栏的颜色方案，状态栏颜色通常会跟随导航栏或应用全局的颜色方案，因此添加.preferredColorScheme(statusColor)可以确保状态栏颜色同步变化。
• 若只需单独控制导航栏（而非全局），可移除.preferredColorScheme(statusColor)，此时状态栏颜色会跟随系统全局设置，但导航栏会按指定的statusColor显示。

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