Início / coding / Perguntas / 79575338
Accepted
Serhii R
Asked: 2025-04-15 22:00:07 +0800 CST

Ação "Voltar" automática após seleção de item da lista no NavigationLink

  • 772

Tenho uma tela no aplicativo iOS com NavigationStack (ou NavigationView) que contém diferentes elementos. Um deles é a Lista pesquisável, que está encapsulada no NavigationLink. Portanto, essa lista pesquisável aparece em uma nova tela.

E quando o usuário seleciona algum elemento da Lista, ele deve retornar automaticamente à tela anterior sem dois cliques adicionais nos botões Cancelar (se usar a pesquisa) e depois "Voltar".

Existe alguma maneira certa de fazer isso? Obrigado por qualquer conselho!

import SwiftUI

struct TheItem: Identifiable {
    let id = UUID()
    let name: String
}

class SomeModel: ObservableObject {
    
    @Published var selectedId: UUID?
    @Published var searchText: String = ""

    var items: [TheItem] = [
        TheItem(name:"Item 1"),
        TheItem(name:"Item 2"),
        TheItem(name:"Item 3"),
        // ...
        TheItem(name:"Item N")
    ]
    
    var filteredItems: [TheItem] {
        guard !searchText.isEmpty else { return self.items }
        return self.items.filter { item in
            item.name.lowercased().contains(self.searchText.lowercased())
        }
    }
    
    var selectedItemName: String {
        if selectedId != nil {
            return filteredItems.first(where: {$0.id == selectedId})?.name ?? "-"
        }
        return "-"
    }
    
    init () {
        selectedId = items.first?.id
    }
}

struct TestNavigationLinkBackkView: View {
    
    @EnvironmentObject private var model: SomeModel
    
    var body: some View {
        NavigationStack {
            NavigationLink(model.selectedItemName) {
                List {
                    Picker("Item", selection: $model.selectedId) {
                        ForEach(model.filteredItems) { item in
                            Text(item.name).tag(item.id)
                        }
                    }
                }
                .searchable(text: $model.searchText, placement: .navigationBarDrawer(displayMode: .always))
                .pickerStyle(.inline)
            }
        }
    }
}

#Preview {
    TestNavigationLinkBackkView()
        .environmentObject(SomeModel())
}
swift

1 respostas

  1. Best Answer

    Se você fatorar a Listparte para uma separada View, poderá chamar dismissquando a seleção mudar. Isso abrirá a visualização atual NavigationStack.

    A documentação afirma dismiss:

    O comportamento específico da ação depende de onde você a chama.

    É por isso que é necessário fatorar a visão da criança em um View.

    // TestNavigationLinkBackkView

NavigationStack {
    NavigationLink(model.selectedItemName) {
        ChildView()
    }
}

    struct ChildView: View {
    @EnvironmentObject private var model: SomeModel
    @Environment(\.dismiss) private var dismiss // 👈 added

    var body: some View {
        List {
            Picker("Category", selection: $model.selectedId) {
                ForEach(model.filteredItems) { item in
                    Text(item.name).tag(item.id)
                }
            }
        }
        .searchable(text: $model.searchText, placement: .navigationBarDrawer(displayMode: .always))
        .pickerStyle(.inline)
        .onChange(of: model.selectedId) { // 👈 added
            dismiss()
        }
    }
}
    • 1

relate perguntas