NavigationLink in SwiftUI not working anymore

Question

I´m creating an App and use NavigationLink in Swift/SwiftUI, but it doesn't work anymore. I don't now since when, but 2 or 3 weeks ago, all working fine. The NavigationLinks which already are in the code for longer, working fine. But today I've used new ones, and they don´t work. It looks in the Simulator and on a real device, if they are disabled or something. They are grey and you can't click on them or if you clicked on them, nothing happens. Is there any solution?

import SwiftUI

struct MedikamenteView: View {
    var body: some View {
        Form {
            NavigationLink(
                destination: ASSView(),
                label: {
                    Text("ASS")
                })
            NavigationLink(
                destination: AdrenalinView(),
                label: {
                    Text("Adrenalin")
                })
        }
    }
}

struct MedikamenteView_Previews: PreviewProvider {
    static var previews: some View {
        MedikamenteView()
    }
}

And for example, this one is working fine:

import SwiftUI

struct RechtView: View {
    var body: some View {
        Form {
           NavigationLink(
            destination: ParagraphenView(),
            label: {
                Text("Paragraphen")
            })
            NavigationLink(
                destination: AufklaerungEinwilligungView(),
                label: {
                    Text("Die Aufklärung mit nachfolgender Einwilligung")
                })
            NavigationLink(
                destination: NotSanGView(),
                label: {
                    Text("Wichtiges aus dem NotSanG")
                })
        }
        .navigationTitle("Recht")
    }
}

struct RechtView_Previews: PreviewProvider {
    static var previews: some View {
        RechtView()
    }
}

You need to have navigationLink inside NavigationView. I tested by adding inside NavigationView and it’s working, else it’s disabled as you mentioned. — Tushar Sharma
– Tushar Sharma, Commented Jun 2, 2021 at 20:40
If I add a NavigationView it is working, you're right. But since when I have to add this? In my other code example is no NavigationView and it is working nevertheless — Pascalprogram
– Pascalprogram, Commented Jun 2, 2021 at 20:53
What does the parent view of RechtView look like? If it contains a NavigationView then RechtView is within a NavigationView and your links will work. If you trace back up the view hierarchy, I'm sure you will find a NavigationView somewhere and that'll be the difference. — Patrick Wynne
– Patrick Wynne, Commented Jun 2, 2021 at 22:06

MD. Shakhawat Hossain Shahin · Accepted Answer · 2021-06-03 05:41:32Z

5

You have to use NavigationLinks inside NavigationView{}. Without it NavigationLink wont work. Try this:

import SwiftUI

struct MedikamenteView: View {
    var body: some View {
        NavigationView {
            Form {
                NavigationLink(
                    destination: ASSView(),
                    label: {
                        Text("ASS")
                    })
                NavigationLink(
                    destination: AdrenalinView(),
                    label: {
                        Text("Adrenalin")
                    })
            }
        }
        
    }
}

struct MedikamenteView_Previews: PreviewProvider {
    static var previews: some View {
        MedikamenteView()
    }
}

Your second code sample might be loaded from previous view which has used NavigationView {}

answered Jun 3, 2021 at 5:41

MD. Shakhawat Hossain Shahin

931 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Pascalprogram Over a year ago

You're right, thank you! It solved my problem and you're right, in the second example is a NavigationView in previous view. It was my bad yesterday.

aaronium112 Over a year ago

hilariously i made this mistake today

Finley · Accepted Answer · 2021-06-02 22:35:55Z

2

I can see from the comments that you've found out it will only work in a NavigationView and are now wondering why. It only matters that your view is embedded in a NavigationView directly above it the View hierarchy. For example, this code would work:

struct FirstView: View {
    var body: some View {
        NavigationView {
           NavigationLink(label: "Go to next view", destination: NextView())
        }
    }
}

struct NextView: View {
...

While this won't:

struct FirstView: View {
    @State var modalPresented = false
    var body: some View {
        NavigationView {
            Button("Show fullscreen cover"){
                modalPresented = true
            }
        }
            .fullScreenCover(isPresented: $modalPresented, content: SecondView())
    }
}

struct SecondView: View {
    var body: some View {
        NavigationLink(label: "Go to next view", destination: NextView())
        // Doesn't work because the view is in a fullScreenCover and therefore not a part of the NavigationView.
    }
}

answered Jun 2, 2021 at 22:35

Finley

1761 silver badge8 bronze badges

1 Comment

Pascalprogram Over a year ago

Thanks a lot! It works and you're right, in my other example there is a NavigationView in hierarchy above.

Aaryan Makwana · Accepted Answer · 2023-06-28 22:43:30Z

this code seems to show no error but does not work. when i press the text, i cannot change views. i have tried everything, copied code from the swift documentation, coped code from different forums, but it does not work at all !

import SwiftUI

struct Content: View {
    var body: some View {
        Form {
            NavigationLink{
                LinearAlgebra()
            }label: {
                Text("hi")
            }
            
            NavigationLink(
                        destination: LinearAlgebra(),
                        label: {
                            Text("linearA")
                        })
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Content()
    }
}

this is what the output window shows, the links don't light up, pressing them does not do anything!

Collectives™ on Stack Overflow

NavigationLink in SwiftUI not working anymore

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related