How to navigate with a custom button without changing styling? - swift

Question

If I don't use .disabled(true) then the button does not navigate. If I used .disabled(true) then the style changes to make the foreground a grayed version of the foreground color. I want to navigate without changing the style of my custom button. I used a non-custom button in the example to save space.
struct ContentView: View {
var body: some View {
NavigationView {
NavigationLink(
destination: ContentView2(),
label: {
Button(action: {}, label: {
Text("Button")
}).disabled(true)
})
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
struct ContentView2: View {
var body: some View {
Text("wdfokjokjokjokjwdofjk")
.padding()
}
}

Answer 1

Instead of making your own Button, just use Text. When you are doing .disabled(true) to make a button active, something is definitely wrong...
struct ContentView: View {
var body: some View {
NavigationView {
NavigationLink(destination: ContentView2()) {
Text("Button")
}
}
}
}

Answer 2

You can use an isActive parameter for the NavigationLink and set it as an invisible background or overlay:
struct ContentView: View {
#State private var navLinkActive = false
var body: some View {
NavigationView {
Button(action: {
navLinkActive = true
}, label: {
Text("Button")
})
.buttonStyle(CustomButtonStyle())
.background(NavigationLink(
destination: ContentView2(),
isActive: $navLinkActive,
label: {
EmptyView()
}))
}
}
}
struct CustomButtonStyle : ButtonStyle {
func makeBody(configuration: Configuration) -> some View {
configuration.label
.background(configuration.isPressed ? Color.red : Color.green)
}
}