如何从 SwiftUi 中的另一个视图更新结构数组？

Question

在我的 IssueListView 我有一个结构：

struct MyResults: Codable {
var id: Int
var problem: String
var recordDate: String
var isDone: Bool
var finishedDate: String?
var imagePath: String?

}

还有一个State，它是上述结构的数组：

@State private var myresults = [MyResults]()

一切正常，因为我使用这个数组从 API onAppear() 接收数据并将其显示为同一视图中的列表。

问题开始于我决定创建一个新视图 (AddTaskView) 添加任务。

使用 API 成功添加新任务的代码，但之后我必须关闭视图，并且我的列表没有更新，因为 onApear 仅启动一次，我不知道如何更新AddTaskView 内的列表或让 IssueListView 再次加载数据

Answer 1

方法 1：状态和绑定

如果myresults 是一个@State 包装变量，你应该在AddTaskView 中有一个@Binding 变量：

struct IssueListView: View {
  @State private var myresults = [MyResults]()

  var body: some View {
    yourContentHere
      .onAppear {
        // Load the data from API here.
      }
      .sheet {
        AddTaskView(myresults: $myresults)
      }
  }
}

struct AddTaskView: View {
  @Binding var myresults: [MyResults]

  var body: some View {
    // ...
  }
}

在AddTaskView 中写入myresults 的任何更改都将反映并更新到IssueListView，只要它在AddTaskView 的初始化程序中传递。

方法 2：视图模型

另一个很好的解决方案是在您的应用中使用MVVM architecture。为您的结果列表创建一个视图模型，并将 myresults 作为 @Published 包装属性：

class ResultsViewModel: ObservableObject {
  @Published var myresults = [MyResults]()

  // Add API calls here as methods.
}

然后，在IssueListView中初始化ResultsViewModel并将其传递给AddTaskView：

struct IssueListView: View {
  @StateObject var viewModel = ResultsViewModel()

  var body: some View {
    yourContentHere
      .onAppear {
        viewModel.someAPICall()
      }
      .sheet {
        AddTaskView(viewModel: viewModel)
      }
  }
}

struct AddTaskView: View {
  @ObservedObject var viewModel: ResultsViewModel

  var body: some View {
    // ...
  }
}