我需要一个“加号”⊕按钮NavigationView
's List
.navigationBarItems
(在导航栏右侧),我想在列表中添加一行,使用导航层次结构中的后续视图输入其名称等。
但首先,我什至无法让按钮正确导航!当我在预览画布中点击它时,按钮的操作似乎有效。然而在实际的应用程序中,虽然它确实导航到我的目标视图,但当我点击该视图的“
由于未捕获的异常“NSInternalInconsistencyException”而终止应用程序,原因:“尝试弹出到不存在的视图控制器。”
请问我如何修复以下代码有什么建议吗?这个任务是如此常见,我肯定遗漏了一些东西并且做错了。
import SwiftUI
struct ListItem: Identifiable {
var id = UUID()
var name: String
}
struct ContentView: View {
var listItems = [
ListItem(name: "List Item One"),
ListItem(name: "List Item Two")
]
var body: some View {
NavigationView {
List(listItems) { listItem in
NavigationLink(destination: DetailView(existingItem: listItem)) {
Text(listItem.name)
}
}
.navigationBarTitle(Text("Configure List Items"), displayMode: .inline)
.navigationBarItems(trailing:
NavigationLink(destination: DetailView(existingItem: nil)) {
Image(systemName: "plus")
.resizable()
.padding(6)
.frame(width: 24, height: 24)
.background(Color.blue)
.clipShape(Circle())
.foregroundColor(.white)
} )
}
}
}
struct DetailView: View {
var existingItem: ListItem?
var body: some View {
Text((existingItem != nil) ? "Edit existing: \(existingItem!.name)" : "Enter NEW List Item")
}
}
谢谢你!顺便说一句,我在 macOS Catalina 10.15.2 上使用:Xcode 11.3.1
NavigationLink
应该在里面NavigationView
,不在导航栏中,所以以下方法有效......
@State private var addMode = false
var body: some View {
NavigationView {
VStack {
List(listItems) { listItem in
NavigationLink(destination: AddDetailView(existingItem: listItem)) {
Text(listItem.name)
}
}
.navigationBarTitle(Text("Configure List Items"), displayMode: .inline)
.navigationBarItems(trailing: Button(action: {
// button activates link
self.addMode = true
} ) {
Image(systemName: "plus")
.resizable()
.padding(6)
.frame(width: 24, height: 24)
.background(Color.blue)
.clipShape(Circle())
.foregroundColor(.white)
} )
// invisible link inside NavigationView for add mode
NavigationLink(destination: AddDetailView(existingItem: nil),
isActive: $addMode) { EmptyView() }
}
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)