如何在iOS 17的SwiftUI中使用tint创建渐变效果？

针对你提到的「无法用.tint这类动态解析的ShapeStyle创建渐变」的问题，iOS 17里有两种可行的解决思路：

方法一：直接利用环境变量获取解析后的颜色（适用于.tint场景） #

如果只是针对.tint，可以直接通过@Environment(\.tint)拿到当前解析后的实际颜色，再用它构建渐变：

struct DemoView: View {
    @Environment(\.tint) private var currentTint
    
    var body: some View {
        Text("动态渐变文本")
            .font(.title)
            .foregroundStyle(
                LinearGradient(
                    colors: [currentTint, .clear],
                    startPoint: .top,
                    endPoint: .bottom
                )
            )
    }
}

方法二：自定义通用的动态渐变ShapeStyle（支持任意ShapeStyle） #

如果需要支持.tint之外的其他动态ShapeStyle，可以自定义一个ShapeStyle，在内部解析传入的动态样式为实际颜色后构建渐变：

// 自定义动态渐变ShapeStyle
struct DynamicLinearGradient: ShapeStyle {
    let startStyle: any ShapeStyle
    let endStyle: any ShapeStyle
    let startPoint: UnitPoint
    let endPoint: UnitPoint
    
    func resolve(in environment: EnvironmentValues) -> some ShapeStyle {
        // 解析动态ShapeStyle为具体颜色
        let startColor = startStyle.resolve(in: environment).resolvedColor()
        let endColor = endStyle.resolve(in: environment).resolvedColor()
        
        return LinearGradient(
            colors: [startColor, endColor],
            startPoint: startPoint,
            endPoint: endPoint
        )
    }
}

// 扩展ShapeStyle，方便调用
extension ShapeStyle where Self == DynamicLinearGradient {
    static func dynamicLinearGradient(
        from startStyle: any ShapeStyle,
        to endStyle: any ShapeStyle,
        startPoint: UnitPoint = .top,
        endPoint: UnitPoint = .bottom
    ) -> DynamicLinearGradient {
        DynamicLinearGradient(
            startStyle: startStyle,
            endStyle: endStyle,
            startPoint: startPoint,
            endPoint: endPoint
        )
    }
}

// 使用示例
struct DemoView: View {
    var body: some View {
        Text("通用动态渐变文本")
            .font(.title)
            .foregroundStyle(.dynamicLinearGradient(from: .tint, to: .clear))
            .tint(.orange) // 切换tint颜色时，渐变会自动更新
    }
}

这种自定义方式的优势在于，不管是系统提供的动态ShapeStyle（比如.tint、.secondary）还是你自己定义的ShapeStyle，都能兼容使用，而且会随着环境变化自动更新渐变效果。

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