SwiftUI应用中如何在浅色模式下使用深色模式配色？

要在局部视图中使用某颜色在**特定配色方案（浅色/深色）**下的值，且不影响全局应用的配色设置，你可以通过手动构造环境值来解析颜色，以下是具体实现方案：

核心方法：扩展Color获取指定配色的颜色 #

给Color添加扩展方法，通过传入目标ColorScheme、构造对应环境来解析颜色：

extension Color {
    /// 获取当前颜色在指定配色方案下的对应值
    /// - Parameter scheme: 目标配色方案（.light/.dark）
    /// - Returns: 对应配色下的颜色
    func resolved(for scheme: ColorScheme) -> Color {
        var environment = EnvironmentValues()
        environment.colorScheme = scheme
        return self.resolve(in: environment)
    }
}

实际使用示例 #

比如你需要在棕色背景上，强制使用Color.primary在深色模式下的白色文本：

VStack {
    Text("Hello")
        // 强制调用深色模式下的primary颜色
        .foregroundColor(.primary.resolved(for: .dark))
}
.background(Color.brown)

进阶：反当前配色的颜色 #

如果需要根据当前系统配色，自动使用相反配色的颜色，可以结合@Environment(\.colorScheme)实现：

struct ContentView: View {
    @Environment(\.colorScheme) var currentScheme
    
    var body: some View {
        VStack {
            Text("Hello")
                // 当前是浅色模式就用深色的primary，反之亦然
                .foregroundColor(.primary.resolved(for: currentScheme == .light ? .dark : .light))
        }
        .background(Color.brown)
    }
}

为什么之前的方案无效？ #

• 使用.preferredColorScheme(.dark)会修改整个视图层级的配色偏好，导致所有子视图都切换到对应模式，无法实现局部颜色的单独控制。
• 直接转换为NSColor/UIColor后，系统没有直接提供获取对应配色值的API，而SwiftUI的resolve(in:)方法是官方推荐的动态颜色解析方式。

这个方法对系统颜色（如.primary、.secondary）和Assets中自定义的动态颜色（配置了light/dark版本的颜色）都适用。

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