为什么视图修饰符不能接受不可变变量？

Question

我做了一个按钮修饰符，背景颜色应该根据它是否被点击而改变。但我抱怨 viewModifier 的输入参数是不可变的。

我在 btnBkColor 上出现错误

.modifier(ActionButtonType(bkColor: btnBkColor))

错误信息：

不能对不可变值使用可变 getter：'self' 是不可变的

这是我的简化代码：

struct MyView: View {
@State private var cond = false
private lazy var btnBkColor: Color = cond ? Color.orange : Color.green
var body: some View {
              Button(action: { cond.toggle() }, label: {
              Text(cond ? "A" : "B")
  })
  .modifier(ActionButtonType(bkColor: btnBkColor))
}
}

修饰符：

struct ActionButtonType: ViewModifier {
    let bkColor: Color
    func body(content: Content) -> some View {
        content
            .background(bkColor)
    }
}

ViewModifier里面只得到btnBkColor，没有设置btnBkColor，不明白为什么输入参数不能不可变？

我尝试过但无济于事：

• 将 let 更改为 var
• 在 btnBkColor 前面添加@State

非常感谢您。

Answer 1

使用计算属性。不能将self变量直接用于其他变量。

struct MyView: View {
    @State private var cond = false
    
    private var btnBkColor: Color {
        cond ? Color.orange : Color.green
    } // <--Here
    
    var body: some View {
        Button(action: { cond.toggle() }, label: {
            Text(cond ? "A" : "B")
        })
        .modifier(ActionButtonType(bkColor: btnBkColor))
    }
}

Answer 2

最简单的情况，也是 SwiftUI 代码中最常使用的，是使用状态依赖内联修饰符（这在需要时/如果需要也可以动画化）

struct MyView: View {
  @State private var cond = false

  var body: some View {
      Button(action: { cond.toggle() }, label: {
         Text(cond ? "A" : "B")
      })
      .modifier(ActionButtonType(bkColor: cond ? Color.orange : Color.green))
  }
}