我们如何从 SwiftUI 中的其他结构中读取 @State 变量？

Question

我想知道是否有简单或正确的方法从不同的视图读取状态变量值，我知道 .onChange 或 Binding 或 ObservableObject(class) 的用法和...，但我想知道的是还有其他更好的方法吗？

例如，在这段代码中，我有一个名为 TextView 的视图，它有一个状态值，我在我的 ContentView 中调用这个视图，现在我在我的 ContentView 中放置一个文本，我想读取 TextView 的状态值。这项工作有空间方法吗？

struct ContentView: View {
    @State var readStringOfTextView: String = ""

    var body: some View {
        TextView()

        Text(readStringOfTextView)
            .foregroundColor(Color.blue)
    }
}

struct TextView: View {
    @State var stringOfText: String = "Hello, world!"

    var body: some View {
        Text(stringOfText)
            .padding()
            .foregroundColor(Color.red)
    }
}

Answer 1

State 的全部意义在于它在 View 的内部。如果您尝试在其他地方阅读它，那么您的设计中出现了问题。在这种情况下，您需要的工具是 @Binding。 ContentView 应该将 Binding 传递给 TextView。 ContentView 将看到 TextView 中的任何更改（在您的示例中，这没有意义，因为stringOfText 无法更改，但我假设您的其余代码会以某种方式更改它）。在您的示例中，这看起来像这样：

struct ContentView: View {
    @State var readStringOfTextView: String = ""
    var body: some View {
        TextView(stringOfText: $readStringOfTextView)
        Text(readStringOfTextView)
            .foregroundColor(Color.blue)
    }
}

struct TextView: View {
    @Binding var stringOfText : String

    var body: some View {
        Text(stringOfText)
            .padding()
            .foregroundColor(Color.red)
            .onAppear {
                stringOfText = "Hello, world!"
            }
    }
}

可以使用首选项直接将数据向上传递到视图层次结构，但它要复杂得多，而且不是解决您所描述问题的正确工具。即便如此，它是这样的：

• 创建一个 PreferenceKey 来传递数据
• 使用.preference 在子视图中设置 PreferenceKey
• 使用.onPreferenceChange或.overlayPreferenceValue或.backgroundPreferenceValue读取父视图中的PreferenceKey。

struct TextPreference: PreferenceKey {
    static var defaultValue = "default"
    static func reduce(value: inout String, nextValue: () -> String) {
        value = nextValue()
    }
}

struct ContentView: View {
    @State var readStringOfTextView: String = ""

    var body: some View {
        VStack {
            TextView()
                .onPreferenceChange(TextPreference.self) { value in
                    readStringOfTextView = value
                }
            Text(readStringOfTextView)
                .foregroundColor(Color.blue)
        }
    }
}

struct TextView: View {
    @State var stringOfText : String = "Hello, world!"

    var body: some View {
        Text(stringOfText)
            .padding()
            .foregroundColor(Color.red)
            .preference(key: TextPreference.self, value: stringOfText)
    }
}