Navigation Link in a context menu not working

Question

I have a navigation link as an option in a context menu but it does nothing.

.contextMenu{
    NavigationLink(destination: Text("Hello")){
        Label("Edit", systemImage: "pencil")
   }
 }                   

I am not sure why and I couldn't find anything relating to this issue. Is this something that can work or do I need to implement it in another way?

Answer 1

NavigationLink should be right in NavigationView, but contextMenu is out of context of NavigationView, because it is in own view hierarchy.

A possible solution is to activate link by button from context menu, like

@State private var showEdit = false

// ...

.background(
    NavigationLink(destination: Text("Hello"), isActive: $showEdit){
       EmptyView()
   }
)
.contextMenu {
    Button(action: { self.showEdit = true }) {
        Label("Edit", systemImage: "pencil")
    }
 }