SwiftUI中DatePicker：如何修改月份和年份的高亮及文本颜色？

针对你遇到的问题，因为Graphical样式的DatePicker头部月份年份选择器底层基于UIKit组件，SwiftUI自带的accentColor、foregroundColor无法直接控制这部分样式，以下是两种可行的解决方案：

方法1：全局配置（适用于整个APP） #

在APP启动时通过UIAppearance统一设置，代码放在App结构体的初始化方法中：

@main
struct YourApp: App {
    init() {
        // 设置月份年份标题的文本颜色
        UINavigationBar.appearance().titleTextAttributes = [.foregroundColor: UIColor.white]
        // 设置未选中的月份/年份文本颜色
        UIBarButtonItem.appearance().setTitleTextAttributes([.foregroundColor: UIColor.white], for: .normal)
        // 设置选中时的高亮文本颜色（浅色系）
        UIBarButtonItem.appearance().setTitleTextAttributes([.foregroundColor: UIColor.lightGray], for: .selected)
    }
    
    var body: some Scene {
        WindowGroup {
            YourRootView()
        }
    }
}

之后你的DatePicker代码可以保持原有写法，头部的月份年份文本会自动变成白色，选中时显示浅灰色高亮。

方法2：局部配置（仅作用于当前DatePicker） #

如果不想影响全局样式，可以通过ViewModifier临时修改UIAppearance，在视图出现时生效、消失时恢复：

struct DatePickerHeaderStyleModifier: ViewModifier {
    func body(content: Content) -> some View {
        content
            .onAppear {
                // 仅针对当前HostingController内的组件生效
                let navBarAppearance = UINavigationBar.appearance(whenContainedInInstancesOf: [UIHostingController.self])
                navBarAppearance.titleTextAttributes = [.foregroundColor: UIColor.white]
                
                let barBtnAppearance = UIBarButtonItem.appearance(whenContainedInInstancesOf: [UIHostingController.self])
                barBtnAppearance.setTitleTextAttributes([.foregroundColor: UIColor.white], for: .normal)
                barBtnAppearance.setTitleTextAttributes([.foregroundColor: UIColor.lightGray], for: .selected)
            }
            .onDisappear {
                // 恢复全局默认设置
                UINavigationBar.appearance().titleTextAttributes = nil
                UIBarButtonItem.appearance().setTitleTextAttributes(nil, for: .normal)
                UIBarButtonItem.appearance().setTitleTextAttributes(nil, for: .selected)
            }
    }
}

// 给DatePicker添加修饰器
DatePicker(
    selection: $prManager.selectedDate,
    displayedComponents: [.date],
    label: { EmptyView() }
)
.accentColor(.red)
.datePickerStyle(.graphical)
.colorScheme(.dark)
.modifier(DatePickerHeaderStyleModifier())

关键说明 #

GraphicalDatePicker的头部区域本质是UIKit的UINavigationBar和UIBarButtonItem，所以SwiftUI的环境色属性无法直接穿透修改这部分样式，必须通过UIAppearance接口调整。

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