Navigation not working in SwiftUI - Pop to a specific view - ios

Question

I am trying to pop to a specific view using the isActive binding of NavigationLink of SwiftUI. Here is my code:
struct Root: View
{
#Environment(\.dismiss) var dismissValue: DismissAction
#State var rootToView1Navigattion: Bool = false
var body: some View
{
HStack
{
NavigationLink(isActive: $rootToView1Navigattion) {
View1()
} label: {
EmptyView()
}
Button {
dismissValue()
} label: {
Text("Go Back")
.font(.title3)
.padding()
.background(Color.yellow)
}
Button {
rootToView1Navigattion = true
} label: {
Text("Go Forward")
.font(.title3)
.padding()
.background(Color.green)
}
}
.navigationTitle(String(describing: Self.self))
}
}
struct View1: View
{
#Environment(\.dismiss) var dismissValue: DismissAction
#State var view1ToView2Navigation: Bool = false
var body: some View
{
HStack
{
NavigationLink(isActive: $view1ToView2Navigation) {
View2(view1ToView2NavBinding: $view1ToView2Navigation)
} label: {
EmptyView()
}
Button {
dismissValue()
} label: {
Text("Go Back")
.font(.title3)
.padding()
.background(Color.yellow)
}
Button {
view1ToView2Navigation = true
} label: {
Text("Go Forward")
.font(.title3)
.padding()
.background(Color.green)
}
}
.navigationTitle(String(describing: Self.self))
}
}
struct View2: View
{
#Binding var view1ToView2NavBinding: Bool
var body: some View
{
HStack
{
Button {
view1ToView2NavBinding = false
} label: {
Text("Go Back")
.font(.title3)
.padding()
.background(Color.yellow)
}
}
.navigationTitle(String(describing: Self.self))
}
}
As per my concept, View1 has a property view1ToView2Navigation, which is passed to isActive param of NavigationLink. And this property is passed as binding to View2. When I set it false in View2, everything above View1 should dismiss. But this is not working, Am I missing out something conceptually ??
My RootView is enclosed in a NavigationView. And When I do the same between Root and View1. It works smoothly.

Answer 1

Edited: Based on your new comment, you want to navigate back to root from view 2.
Try the below code. When you press the yellow back button in view2, you will be navigated back to root.
import SwiftUI
struct ContentView: View
{
#Environment(\.dismiss) var dismissValue: DismissAction
#State var toRoot = false
var body: some View
{
NavigationView
{
HStack {
Button {
dismissValue()
} label: {
Text("Go Back")
.font(.title3)
.padding()
.background(Color.yellow)
}
NavigationLink {
View1(toRoot: $toRoot)
} label: {
Text("Go Forward")
.font(.title3)
.padding()
.background(Color.green)
}
}
}
.navigationTitle(String(describing: Self.self))
}
}
struct View1: View
{
#Environment(\.dismiss) var dismissValue: DismissAction
#Binding var toRoot: Bool
var body: some View
{
HStack
{
Button {
dismissValue()
} label: {
Text("Go Back")
.font(.title3)
.padding()
.background(Color.yellow)
}
NavigationLink {
View2(toRoot: $toRoot)
} label: {
Text("Go Forward")
.font(.title3)
.padding()
.background(Color.green)
}
}
.navigationTitle(String(describing: Self.self))
.onAppear {
if toRoot {
dismissValue()
}
}
}
}
struct View2: View
{
#Binding var toRoot: Bool
#Environment(\.dismiss) var dismissValue: DismissAction
var body: some View
{
HStack
{
Button {
toRoot = true
dismissValue()
} label: {
Text("Go Back")
.font(.title3)
.padding()
.background(Color.yellow)
}
}
.navigationTitle(String(describing: Self.self))
}
}