How to turn off NavigationLink overlay color in SwiftUI? How to turn off NavigationLink overlay color in SwiftUI? xcode xcode

How to turn off NavigationLink overlay color in SwiftUI?


The navigationLink acts like Button and it gets the default button style with blue color.

Using .renderingMode(.original) works only on Image views. what if you decide to load your Image using some libs or pods?!

It is better to change the default button style to plain using the bellow modifier:

NavigationLink(destination: Text("Hello")) {            ZStack {                RoundedRectangle(cornerRadius: cRadius)                    .foregroundColor(.white)                    .opacity(0)                    .background(LinearGradient(gradient: Gradient(colors: [Color(red: 109/255, green: 58/255, blue: 242/255),Color(red: 57/255, green: 23/255, blue: 189/255)]), startPoint: .leading, endPoint: .trailing), cornerRadius: 0)                    .cornerRadius(cRadius)                    .frame(height: cHeight)                    .padding()                Image("someColoredPathPNGimage")            }        }        .buttonStyle(PlainButtonStyle())  /*Here, is what you need*/


Try:

Image("someColoredPathPNGimage").renderingMode(.original)

If your problems continue, consider uploading a screenshot so we get an idea of what you mean. If you can include the image you are using, even better, so we can replicate.


Add .buttonStyle(PlainButtonStyle()) to the NavigationLink(....)

NavigationLink(   destination: Text("Destination"),   label: {       Text("Click Here!")   }).buttonStyle(PlainButtonStyle())