Question

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

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

我的目标是显示文本“请选择一个项目”。项目删除后。例如，如果“Item 2”被选中并被删除，则删除操作后只显示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

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

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 !!
    }
}

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

1 个答案: