swiftUI视图间传值

在 SwiftUI 中，要实现从 ContentView 中设置一个值并传入另一个 View，并确保在该 View 中修改值后能反映到 ContentView 中，同时触发 @State 变量的更新，你需要使用 @Binding 或者 ObservableObject 和 @ObservedObject / @StateObject。

解决方案 1：使用 @Binding

@Binding 可以将一个 @State 变量的引用传递给子视图，当子视图中的值改变时，父视图的 @State 变量也会随之更新。

示例代码：

import SwiftUI

struct ContentView: View {
    @State private var contentValue: String = "Initial Value" // @State 变量

    var body: some View {
        VStack {
            Text("Content Value: \(contentValue)")
            // 将 contentValue 通过 @Binding 传递给子视图
            ValueModifierView(value: $contentValue)
        }
        .padding()
    }
}

struct ValueModifierView: View {
    // 使用 @Binding 接收父视图传入的值
    @Binding var value: String

    var body: some View {
        VStack {
            Text("Modifier Value: \(value)")
            Button(action: {
                // 修改 @Binding 变量，将自动反映在父视图的 @State 中
                value = "Updated Value from ModifierView"
            }) {
                Text("Modify Value")
            }
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

解释：

• ContentView 中的 @State 变量 contentValue 用来管理状态。
• ValueModifierView 使用 @Binding 修饰符接收父视图传递的值。
• 当在 ValueModifierView 中修改 value 时，ContentView 中的 contentValue 会自动更新，进而触发视图刷新。

解决方案 2：使用 ObservableObject 和 @ObservedObject

这种方法适用于需要在多个视图之间共享状态的情况。

示例代码：

import SwiftUI
import Combine

// 定义 ObservableObject
class ValueModel: ObservableObject {
    @Published var value: String = "Initial Value"
}

struct ContentView: View {
    // 使用 @StateObject 在 ContentView 中管理 ValueModel 的实例
    @StateObject private var valueModel = ValueModel()

    var body: some View {
        VStack {
            Text("Content Value: \(valueModel.value)")
            // 将 ObservableObject 传入子视图
            ValueModifierView(valueModel: valueModel)
        }
        .padding()
    }
}

struct ValueModifierView: View {
    // 使用 @ObservedObject 观察传入的 ValueModel
    @ObservedObject var valueModel: ValueModel

    var body: some View {
        VStack {
            Text("Modifier Value: \(valueModel.value)")
            Button(action: {
                // 修改 ObservableObject 中的值，ContentView 将同步更新
                valueModel.value = "Updated Value from ModifierView"
            }) {
                Text("Modify Value")
            }
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

解释：

• ValueModel 使用 ObservableObject 协议和 @Published 属性包装器，使其值的变化能被 SwiftUI 观察。
• ContentView 使用 @StateObject 创建并管理 ValueModel 的实例。
• ValueModifierView 使用 @ObservedObject 观察传入的 ValueModel。
• 修改 ValueModel 的值时，所有观察 ValueModel 的视图都会更新。

总结

• 使用 @Binding 是简单情况下的最佳选择，适合父子视图之间的简单状态传递。
• 使用 ObservableObject 和 @ObservedObject 或 @StateObject 更适合复杂状态管理和跨多个视图的状态共享。

根据具体需求选择合适的方案，可以在 SwiftUI 中实现灵活而强大的数据流动和状态管理。