当我点击列表中的项目时， NavigationLink在fullScreenCover中不工作 &g

Question

我想在fullscreenCover中显示一个列表，并从那里导航到另一个视图，但不幸的是，当我点击列表中的项目时，什么都没有发生。如果有人能帮忙，我会很高兴的。下面是示例代码

Button("New Message"){
shownFCover.toggle()
}.fullScreenCover(isPresented: $shownFCover) {
VStack {
Button("Close"){
shownFCover.toggle()
}
List {
ForEach(0..<16) { index in
NavigationLink {
Text("Hello")
} label: {
HStack{
Image(systemName: "(index).circle.fill").font(.title).foregroundColor(.red)

Text("(index). Item")
}
}
}
}
}
}

Answer 1

.sheet和.fullScreenCover引入了新的演示，因此我们需要在

中添加新的NavigationView

Button("New Message"){
shownFCover.toggle()
}.fullScreenCover(isPresented: $shownFCover) {
VStack {
Button("Close"){
shownFCover.toggle()
}
NavigationView {        // << here !!
List {
ForEach(0..<16) { index in
NavigationLink {
Text("Hello")
} label: {
HStack{
Image(systemName: "(index).circle.fill").font(.title).foregroundColor(.red)

Text("(index). Item")
}
}
}
}
}
}
}

*注意:我建议将全屏内容分离到独立视图中，而不是在那里。

所以它看起来像

Button("New Message"){
shownFCover.toggle()
}.fullScreenCover(isPresented: $shownFCover) {
FCoverView(shownCover: $shownFCover)
}