无法更新/修改 SwiftUI 视图的 @state var

Question

我无法更新 ExampleView 的 message var，即使我可以看到 updateMessage() 正在被调用。这是我的 Playground 代码的简化/复杂的 SwiftUI 示例，它不起作用。在 updateMessage() 中调用时，message 变量不会更新。因此，UI Text() 也不会更新。

为什么@State var message 没有更新？更新它的正确方法是什么？

import SwiftUI
import PlaygroundSupport

struct ContentView: View {
    let coloredLabel = ExampleView()

    var body: some View {
        VStack {
            coloredLabel
                .foregroundColor(Color.red)
                .padding()
            Button(action: {
                self.coloredLabel.updateMessage()
            }) {
                Text("Press me")
            }

        }
    }
}

struct ExampleView: View {
    @State private var message: String = "Hello"

    var body: some View {
        Text(self.message)
    }

    func updateMessage() {
        print("updateMessage ran") // this prints
        self.message = "Updated"
    }
}

PlaygroundPage.current.setLiveView(ContentView())

Answer 1

您应该只更改视图 inside 自己的主体块的State。如果您需要从父视图更改它，您可能希望将值从父视图传递给它并改为Binding。

struct ContentView: View {
    @State private var message = "Hello"

    var body: some View {
        VStack {
            ExampleView(message: $message)
                .foregroundColor(Color.red)
                .padding()
            Button("Press me") {
                self.message = "Updated"
            }
        }
    }
}

struct ExampleView: View {
    @Binding var message: String

    var body: some View {
        Text(message)
    }
}

---

如果您需要在ExampleView 中封装消息，可以使用Bool（或enum 等）代替：

struct ContentView: View {
    @State private var updated = false

    var body: some View {
        VStack {
            ExampleView(isUpdated: $updated)
                .foregroundColor(Color.red)
                .padding()
            Button("Press me") {
                self.updated = true
            }
        }
    }
}

struct ExampleView: View {
    @Binding var isUpdated: Bool
    private var message: String { isUpdated ? "Updated" : "Hello" }

    var body: some View {
        Text(message)
    }
}

Answer 2

实际上，变量确实得到了更新，但您的内容视图并没有得到有关它的通知。这就是发生的事情：

• ContentView 被调用，它用 ExampleView 初始化 coloredLabel
• 在 ContentView 中按下按钮
• self.coloredLabel.updateMessage() 被调用
• 消息已打印
• 变量 self.coloredLabel.message 被修改
• ContentView 不会重绘，因为它没有收到有关更改的通知
• 更具体地说，堆栈中的 coloredLabel 不会更新

现在，您有不同的选择： @State、@Binding 和 @PublishedObject, @ObservedObject。您需要其中一个发布者，因此您的视图实际上注意到它需要做某事。

要么在每次按下按钮时绘制一个新的ExampleView，在这种情况下，您可以在ContentView 中使用@State 变量：

struct ContentView: View {
    @State private var string = "Hello"

    var body: some View {
        VStack {
            ExampleView(message: string)
                .foregroundColor(Color.red)
                .padding()
            Button(action: {
                self.string = "Updated"
            }) {
                Text("Press me")
            }

        }
    }
}

struct ExampleView: View {
    var message: String

    var body: some View {
        Text(self.message)
    }
}

这可能不是你想要的。

接下来，您可以使用已经建议的 @Binding。

最后，你可以使用 ObservableObject @ObservedObject, @Published

class ExampleState: ObservableObject {
    @Published var message: String = "Hello"
    func update() {
        message = "Updated"
    }
}

struct ContentView: View {
    @ObservedObject var state = ExampleState()

    var body: some View {
        VStack {
            ExampleView(state: state)
                .foregroundColor(Color.red)
                .padding()
            Button(action: {
                self.state.update()
            }) {
                Text("Press me")
            }

        }
    }
}

struct ExampleView: View {
    @ObservedObject var state: ExampleState

    var body: some View {
        Text(state.message)
    }
}

这句话的意思是： class ExampleState: ObservableObject - 这个类已经发布了可以观察的变量

继续（我是这么理解的）：

• “嘿，ContentView 和 ExampleView：如果 state.message（state 发布的任何值）发生变化，您需要重新绘制身体”
• “和ExampleState：更新你的消息变量后，发布新值！”

最后-为了完成-还有@EnvironmentObject，这样您只需将变量传递给顶层视图，视图层次结构中的所有内容都会继承它。

Answer 3

应该可行的解决方案之一，但正如人们所说，您可以使用@Binding

 struct ExampleView: View {

        var message: String = "Hello"

        var body: some View {
            Text(self.message)
        }

        mutating func updateMessage() {
            print("updateMessage ran")
            message = "Updated"
        }
    }