Início / coding / Perguntas / 78678833
Accepted
Meyssam
Asked: 2024-06-28 00:23:47 +0800 CST

A visualização não é atualizada se o Source Array for atualizado

  • 772

Imagine que você tem um structlike

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

Agora você armazena um array desse tipo dentro de um ViewModel

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

Você cria um NavigationLinkpara cada item de objects. Esses NavigationLinks apresentam um botão, que substitui o objectsarray pelo mesmo objeto (por id), mas uma propriedade diferente

 @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")]
             }
     }
 }

O que eu esperava que acontecesse?
Eu esperava que meu NavigationLink aberto fosse atualizado com o novo título.
O que eu ganhei em vez disso?
A visão não mudou. Em vez disso, tenho que abrir a visualização e reabri-la para revelar as alterações.

Como posso fazer com que meu comportamento esperado funcione e por que ele se comporta assim atualmente?

swiftui

2 respostas

  1. Best Answer

    Quando você usa Text(object.title)o passado objecté um lete não é observado alterações pela view, portanto não mudará quando você alterar o modelo no onTapGesture.

    Mas a visualização mudará se você usar o modelo (que é observado para alterações), conforme mostrado no código de exemplo.

    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"
//                        }
//                }


            }
        }
    }
}

    EDITAR-1:

    Uma alternativa para conseguir o que deseja é usar o Observable, o substituto mais robusto do ObservableObject class.

    Por exemplo:

    @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. O motivo pelo qual sua Visualização de Texto não está sendo atualizada é que ela objecté passada para o encerramento como uma cópia, não é a mesma instância de model. Para exibir o valor mutado, você teria que passar a mesma instância para modela Visualização de Texto da seguinte forma:

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

relate perguntas