如何解决删除主视图中的项目时如何停止显示详细信息视图?
我有主视图和细节视图。用户可以在主视图中点击一个项目,该项目的详细信息显示在详细信息视图中。用户也可以从主视图中删除项目——在这种情况下,细节视图应该显示一个文本“请选择一个项目。”。
我的问题是,当我在 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)
}
}
解决方法
尝试以下操作(未测试,只是想法 - 在删除时堆栈中没有新的选择/导航,因此不会刷新详细信息视图,因此我们可以尝试明确强制刷新):
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 !!
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。