在 Swift UI 的布尔语句中使用状态变量

Question

我在 swiftUI 视图中有一个状态变量 @State private var value: Int。当我在像 value == 10 这样的布尔语句中使用该状态时，如果传递给第二个视图，它不会更新。

例如，下面的高亮显示永远不会改变：

struct TestView: View {

   @State private var value = 5
   var body: some View {
    
       Button("update value") {
           withAnimation { value = value + 5 }
       }
    
       Text("\(value)").padding()

       MyTestView(highlighted: value == 5).padding()
       MyTestView(highlighted: value == 10).padding()
       MyTestView(highlighted: value == 15).padding()
   }
}

struct MyTestView: View {
   @State var highlighted: Bool = false

   var body: some View {
       Text("test")
          .background(highlighted ? Color.red : Color.white)
   }
}

Answer 1

来自 Apple 开发者文档：

SwiftUI 管理您声明为状态的任何属性的存储。当状态值发生变化时，视图会使其外观无效并重新计算主体。使用状态作为给定视图的唯一真实来源。

因此，当您的 State 包装值更改时，将重新计算正文。在上面的示例中，您没有显示任何会改变您的 State 值的内容。第一次创建视图时，编译器将检查变量“值”的第一个值，然后相应地设置文本。要更新该文本，您必须更改 State 变量。

Button(action: {
    //Here you update your State variable, which will force the body to recalculate
    self.value = 15
})
{
    Text("Update variable")
}

编辑：

正如您现在发布代码一样，这里是解决方案。您无需在您的MyTestView 中将highlighted 声明为State。只需将其声明为var，它就会起作用。正如 Apple 所说，将您的 State 值声明为私有，而不是从外部更改它们。在这里，在您的示例中，状态不正确，因为您没有从体内更改该值。

struct MyTestView: View {
   var highlighted: Bool = false

   var body: some View {
       Text("test")
          .background(highlighted ? Color.red : Color.white)
   }
}

编辑以显示使用绑定的解决方案

有一个使用绑定的解决方案，但是这会改变你的逻辑，并且在你的用例中它并不是真正必要的，正如评论中讨论的那样：

struct ContentView: View {

    @State private var value = 5
    var body: some View {
    
        Button("update value") {
            withAnimation { value = value + 5 }
        }
    
        Text("\(value)").padding()

        MyTestView(highlighted: $value, border: 5).padding()
        MyTestView(highlighted: $value, border: 10).padding()
        MyTestView(highlighted: $value, border: 15).padding()
   }
}

struct MyTestView: View {
    @Binding var highlighted: Int
    var border : Int

    var body: some View {
        Text("test")
            .background(highlighted == border ? Color.red : Color.white)
    }
}

会给你同样的效果，但不是很好