SwiftUI Text 渐变颜色设置教程 - 使用 foregroundOverlay 修饰符

在 SwiftUI 中，可以使用 Text 的 foregroundOverlay 修饰符来设置渐变颜色。具体步骤如下：

1. 创建一个 LinearGradient 对象，指定渐变的颜色和方向，例如：

let gradient = LinearGradient(
    gradient: Gradient(colors: [Color.red, Color.blue]),
    startPoint: .leading,
    endPoint: .trailing
)

2. 在 Text 上应用 foregroundOverlay 修饰符，并将渐变对象作为参数传递，例如：

Text('Hello, World!')
    .foregroundColor(.white)
    .font(.largeTitle)
    .fontWeight(.bold)
    .foregroundOverlay(gradient)

完整代码示例：

import SwiftUI

struct ContentView: View {
    let gradient = LinearGradient(
        gradient: Gradient(colors: [Color.red, Color.blue]),
        startPoint: .leading,
        endPoint: .trailing
    )
    
    var body: some View {
        Text('Hello, World!')
            .foregroundColor(.white)
            .font(.largeTitle)
            .fontWeight(.bold)
            .foregroundOverlay(gradient)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

效果如下图所示：