5

我有一个相当常见的设置：

  • 使用ForEach组件创建的项目列表
  • 当一个项目被点击时，我的应用导航到详细视图
  • 在详细视图中，用户可以执行更改底层项目的更新

问题是更新底层项目（它是一个结构）会导致 SwiftUI 自动向后导航。我认为这是因为结构是一个不可变的值，并且在更新期间被销毁，但是，它确实符合，Identifiable所以我希望 SwiftUI 能够理解该项目仍然存在并且只需要更新而不是销毁。

有没有办法在不离开详细视图的情况下更新基础列表？

这是一个最小的、可重现的示例。

import SwiftUI

struct ContentView: View {
    var body: some View {
       DemoList(viewModel: ViewModel())
    }
}

struct DemoItem: Codable, Hashable, Identifiable {
    var id: UInt
    var description: String
}

final class ViewModel: ObservableObject, Identifiable {
    @Published var list = [
        DemoItem(id: 1, description: "One"),
        DemoItem(id: 2, description: "two")
    ]
    
    /// This update causes SwiftUI to automatically navigate away from the detail view
    func update(item: DemoItem) {
        list = list.map { $0.id == item.id ? item : $0 }
    }
}

struct DemoList: View {
    @ObservedObject var viewModel: ViewModel
    
    var body: some View {
        NavigationView {
            ForEach(viewModel.list, id: \.self) { item in
                NavigationLink(destination: DemoDetail(viewModel: self.viewModel, item: item)) {
                    Text(item.description)
                }
            }
        }
    }
}

struct DemoDetail: View {
    @ObservedObject var viewModel: ViewModel
    var item: DemoItem
    
    var body: some View {
        Text(item.description)
            .onTapGesture {
                let newItem = DemoItem(id: self.item.id, description: UUID().uuidString)
                self.viewModel.update(item: newItem)                
            }
    }
}
4

1 回答 1

4

只需从 ForEach 中删除 id，它就会停止返回

ForEach(viewModel.list) { item in
      NavigationLink(destination: DemoDetail(viewModel: self.viewModel, item: item)) {
      Text(item.description)
    }
}
于 2020-07-03T20:01:28.117 回答