如何在 LinearGradient 初始化程序中使用变量 - SwiftUI

Question

我试图在稍后在代码中使用 cardGradient 的结构中执行此操作。 "1a" 和 "1b" 是 assets 文件夹中的颜色。

var color1 = "1a"
var color2 = "1b"

let cardGradient = LinearGradient(gradient: Gradient(colors: 
[Color(color1), Color(color2)]), startPoint: .leading, endPoint: .trailing)

不能在属性初始化器中使用实例成员“color1”； 属性初始化程序在 'self' 可用之前运行。

不能在属性初始化器中使用实例成员“color2”； 属性初始化器在“self”可用之前运行

//

解决方案：感谢您的帮助！

var color1 = "1a"
var color2 = "1b"

VStack {
     // ... some views here
}
.background(LinearGradient(gradient: Gradient(colors: 
[Color(color1), Color(color2)]), startPoint: .leading, endPoint: .trailing))

Answer 1

我不确定在手机上创建 LinearGradient 的强度有多大，但如果这不是问题，您可以将 LinearGradient 设为计算变量：

var color1 = "1a"
var color2 = "1b"

let cardGradient: LinearGradient {
    LinearGradient(gradient: Gradient(colors: [Color(color1), Color(color2)]), startPoint: .leading, endPoint: .trailing)
}

如果它占用大量计算资源，您可以将其设为可选（或给它一个默认值）并将其设置在视图的.onAppear 中，但随后您将不得不设置渐变@State：

var color1 = "1a"
var color2 = "1b"
@State var cardGradient: LinearGradient?

var body: some View {
    VStack {
        // ... some views here
    }.onAppear {
        self.cardGradient = LinearGradient(gradient: Gradient(colors: [Color(color1), Color(color2)]), startPoint: .leading, endPoint: .trailing)
    }
}

请记住，如果颜色经常变化，这两种解决方案都不是特别好，但您不想在颜色变化时进行渐变更新，但这听起来对您来说不是问题.如果您发现第一个选项有延迟，请使用第二个。