主页 / coding / 问题 / 78678833
Accepted
Meyssam
Asked: 2024-06-28 00:23:47 +0800 CST

如果源数组更新，视图也不会更新

  • 772

想象一下你有struct一个

struct TheObject: Identifiable, Hashable {
    var id: String
    var title: String
}

现在您将该类型的数组存储在 ViewModel 中

class Model: ObservableObject {
    @Published var objects = [TheObject(id: "id", title: "title")]
}

您NavigationLink为 的每个项目创建一个objects。这些 NavigationLinks 具有一个按钮，该objects按钮用相同的对象（按 id）替换数组，但属性不同

 @StateObject var model = Model()

 NavigationStack {
     List(model.objects) { object in
         NavigationLink("Text", value: object)
     }
     .navigationDestination(for: TheObject.self) { object in
         Text(object.title)
             .onTapGesture {
                 model.objects = [TheObject(id: "id", title: "title changed")]
             }
     }
 }

我期望会发生什么？
我期望打开的 NavigationLink 会更新为新标题。
但我得到的是什么？
视图没有改变。相反，我必须弹出视图并重新打开它才能显示更改。

我怎样才能使我预期的行为发挥作用，以及为什么它现在表现得像那样？

swiftui

2 个回答

  1. Best Answer

    当您使用Text(object.title)传入的object是一个let并且不会被视图观察到变化时，因此当您更改中的模型时它不会改变onTapGesture。

    但是如果使用模型（即观察变化），视图将会改变，如示例代码所示。

    struct TheObject: Identifiable, Hashable {
    var id: String
    var title: String
}

class Model: ObservableObject {
    @Published var objects = [TheObject(id: "id", title: "title")]
}

struct ContentView: View {
    @StateObject private var model = Model()
    
    var body: some View {
        NavigationStack {
            List(model.objects) { object in
                NavigationLink(object.title, value: object) // <--- for testing
            }
            .navigationDestination(for: TheObject.self) { object in
                if let obj = model.objects.first(where: {$0.id == object.id}) {
                    Text(obj.title) // <--- here
                        .onTapGesture {
                            model.objects = [TheObject(id: "id", title: "title changed")]
                        }
                }

            // alternative
//                if let ndx = model.objects.firstIndex(where: {$0.id == object.id}) {
//                    Text(model.objects[ndx].title)
//                        .onTapGesture {
//                            model.objects[ndx].title = "title changed"
//                        }
//                }


            }
        }
    }
}

    编辑-1：

    实现您想要的另一种方法是使用Observable，它是更强大的替代品ObservableObject class。

    例如：

    @Observable class TheObject: Identifiable, Hashable {
    
    static func == (lhs: TheObject, rhs: TheObject) -> Bool {
        lhs.id == rhs.id
    }
    
    func hash(into hasher: inout Hasher) {
          hasher.combine(id)
          hasher.combine(title)
      }
    
    var id: String
    var title: String
    
    init(id: String, title: String) {
        self.id = id
        self.title = title
    }
}

@Observable class Model {
    var objects = [TheObject(id: "id", title: "title")]
}

struct ContentView: View {
    @State private var model = Model()
    
    var body: some View {
        NavigationStack {
            List(model.objects) { object in
                NavigationLink(object.title, value: object)
            }
            .navigationDestination(for: TheObject.self) { object in
                Text(object.title)
                    .onTapGesture {
                        object.title = "title changed"
                    }
            }
        }
    }
}
    • 1

  2. Text View 没有更新的原因是object被作为副本传递给闭包，它不是 的同一个实例model。要显示变异的值，您必须将 的同一个实例传递model给 Text View，如下所示：

     .navigationDestination(for: TheObject.self) { _ in
            Text(model.objects[0].title)
                .onTapGesture {
                    model.objects = [TheObject(id: "id", title: "title changed")]
                }
        }
    • 0

相关问题