如何在 SwiftUI 中随时从子视图作为父视图访问数据？

我是 SwiftUI 的新手，并且了解我可能需要以某种方式实现 EnvironmentObject，但我不确定在这种情况下如何实现。

这是Trade class

class Trade {
    var teamsSelected: [Team]

    init(teamsSelected: [Team]) {
        self.teamsSelected = teamsSelected
    }
}

这是子视图。它有一个实例trade来自Trade班级。有一个按钮可以将 1 添加到数组中teamsSelected.

struct TeamRow: View {
    var trade: Trade

    var body: some View {
        Button(action: {
            self.trade.teamsSelected.append(1)
        }) {
            Text("Button")
        }
    }
}

这是父视图。正如你所看到的，我通过了trade进入子视图TeamRow。我想trade与 同步trade in TeamRow这样我就可以通过trade.teamsSelected to TradeView.

struct TeamSelectView: View {
    var trade = Trade(teamsSelected: [])

    var body: some View {
        NavigationView{
            VStack{
                NavigationLink(destination: TradeView(teamsSelected: trade.teamsSelected)) {
                   Text("Trade")
                }

                List {
                    ForEach(teams) { team in
                        TeamRow(trade: self.trade)
                    }
                }
            }
        }
    }
}

我已经获取了您的代码并更改了一些内容来说明 SwiftUI 的工作原理，以便让您更好地了解如何使用ObservableObject, @ObservedObject, @State, and @Binding.

前面要提一件事——@ObservedObject目前，尝试在运行 iOS 13 Beta 6、7 或 8 的物理设备上运行 SwiftUI 代码时出现问题。我回答了一个问题here更详细地介绍了这一点并解释了如何使用@EnvironmentObject作为解决方法。

我们先来看看Trade。既然你想通过Trade视图之间的对象，更改该对象的属性Trade对象，然后将这些更改反映在使用该对象的每个视图中Trade对象，你会想要制作Trade an ObservableObject。我已经为你添加了一个额外的属性Trade类纯粹是为了说明目的，我稍后会解释。我将向您展示两种编写方法ObservableObject- 首先以详细的方式了解它是如何工作的，然后是简洁的方式。

import SwiftUI
import Combine

class Trade: ObservableObject {
    let objectWillChange = PassthroughSubject<Void, Never>()

    var name: String {
        willSet {
            self.objectWillChange.send()
        }
    }

    var teamsSelected: [Int] {
        willSet {
            self.objectWillChange.send()
        }
    }

    init(name: String, teamsSelected: [Int]) {
        self.name = name
        self.teamsSelected = teamsSelected
    }
}

当我们符合ObservableObject，我们可以选择编写自己的ObservableObjectPublisher，我是通过导入完成的Combine并创建一个PassthroughSubject。然后，当我想发布我的对象即将更改时，我可以调用self.objectWillChange.send()正如我所经历的willSet for name and teamsSelected.

不过，这段代码可以大大缩短。ObservableObject自动合成一个对象发布者，因此我们实际上不必自己声明它。我们还可以使用@Published声明我们的属性应该发送发布者事件而不是使用self.objectWillChange.send() in willSet.

import SwiftUI

class Trade: ObservableObject {
    @Published var name: String
    @Published var teamsSelected: [Int]

    init(name: String, teamsSelected: [Int]) {
        self.name = name
        self.teamsSelected = teamsSelected
    }
}

现在让我们看看您的TeamSelectView, TeamRow, and TradeView。再次记住我已经做了一些更改（并添加了一个示例TradeView）只是为了说明一些事情。

struct TeamSelectView: View {
    @ObservedObject var trade = Trade(name: "Name", teamsSelected: [])
    @State var teams = [1, 1, 1, 1, 1]

    var body: some View {
        NavigationView{
            VStack{
                NavigationLink(destination: TradeView(trade: self.trade)) {
                    Text(self.trade.name)
                }

                List {
                    ForEach(self.teams, id: \.self) { team in
                        TeamRow(trade: self.trade)
                    }
                }
                Text("\(self.trade.teamsSelected.count)")
            }
            .navigationBarItems(trailing: Button("+", action: {
                self.teams.append(1)
            }))
        }
    }
}

struct TeamRow: View {
    @ObservedObject var trade: Trade

    var body: some View {
        Button(action: {
            self.trade.teamsSelected.append(1)
        }) {
            Text("Button")
        }
    }
}

struct TradeView: View {
    @ObservedObject var trade: Trade

    var body: some View {
        VStack {
            Text("\(self.trade.teamsSelected.count)")
            TextField("Trade Name", text: self.$trade.name)
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()
        }
    }
}

我们先来看看@State var teams。我们用@State对于简单值类型 -Int, String, basic structs- 或简单值类型的集合。@ObservedObject用于符合以下条件的对象ObservableObject，我们将其用于比简单的更复杂的数据结构Int or String.

你会注意到什么@State var teams是我添加了一个导航栏项目，它将向teams按下时的数组，并且因为我们List是通过迭代生成的teams数组，我们的视图重新渲染并向我们添加一个新项目List每当按下按钮时。这是一个非常基本的示例，说明了如何使用@State.

接下来，我们有我们的@ObservedObject var trade。你会注意到我并没有真正做任何与你原来不同的事情。我仍在创建我的实例Trade类并在我的视图之间传递该实例。但既然现在已经是一个ObservableObject，我们正在使用@ObservedObject，我们的视图现在都会收到发布者事件Trade对象发生变化并将自动重新渲染其视图以反映这些变化。

我想指出的最后一件事是TextField我创建于TradeView更新Trade对象的name财产。

TextField("Trade Name", text: self.$trade.name)

The $字符表示我正在将绑定传递到文本字段。这意味着任何改变TextField使name都会体现在我的Trade目的。您可以通过声明自己做同样的事情@Binding当您尝试在视图之间同步状态而不传递整个对象时，这些属性允许您在视图之间传递绑定。

当我改变你的TradeView采取@ObservedObject var trade，你可以简单地通过teamsSelected将您的贸易观点视为这样的约束力 -TradeView(teamsSelected: self.$trade.teamsSelected)- 只要你的TradeView接受绑定。配置您的TradeView要接受绑定，您所要做的就是声明您的teamsSelected财产在TradeView像这样：

@Binding var teamsSelected: [Team]

最后，如果您在使用时遇到问题@ObservedObject实体设备上可以参考我的回答here有关如何使用的说明@EnvironmentObject作为解决方法。