删除主视图中的项目时如何停止显示详细视图？

Question

我有主视图和详细视图。用户可以在主视图中点击一个项目，该项目的详细信息将显示在详细视图中。用户还可以从主视图中删除项目——在这种情况下，详细视图应显示文本“请 select 一个项目。”。

我的问题是，当我在 iPadOS 的主视图中以横向模式删除项目时，详细视图仍然显示该已删除项目的内容。

我的目标是显示文本“请 select 一个项目。”一旦项目被删除。例如，如果“项目 2”被 select 编辑并被删除，则删除操作后仅显示 Text("Please select an item.") 视图。非常感谢任何建议，谢谢！

struct DetailView: View {
    var item: String
    var body: some View {
        Text("Detail of \(item)")
    }
}

struct ContentView: View {
    @State private var items = ["Item 1", "Item 2", "Item 3"]

    var body: some View {
        NavigationView {
            List {
                ForEach(items, id: \.self) { item in
                    NavigationLink(destination: DetailView(item: item)) {
                        Text(item)
                    }
                }
                .onDelete(perform: delete)
            }
            Text("Please select an item.")
        }
    }

    func delete(at offsets: IndexSet) {
        items.remove(atOffsets: offsets)
    }
}

Answer 1

尝试以下操作（未测试，只是想法 - 删除时堆栈中没有新的 selection/navigation，因此不会刷新详细信息视图，因此我们可以尝试显式强制刷新）：

struct ContentView: View {
    @State private var items = ["Item 1", "Item 2", "Item 3"]

    @State private var refreshID = UUID()    // << this !!

    var body: some View {
        NavigationView {
            List {
                ForEach(items, id: \.self) { item in
                    NavigationLink(destination: DetailView(item: item)) {
                        Text(item)
                    }
                }
                .onDelete(perform: delete)
            }
            Text("Please select an item.")
        }
        .id(refreshID)                    // << here !!
    }

    func delete(at offsets: IndexSet) {
        items.remove(atOffsets: offsets)
        refreshID = UUID()               // << here !!
    }
}

删除主视图中的项目时如何停止显示详细视图？

How to stop showing Detail view when item in Master view deleted?

ios

swift

swiftui

ipados