Programmatic push with NavigationLink via isActive during onAppear is automatically dismissed

Question

Created Dec ’20

Replies 5

Boosts 0

Views 6.3k

Participants 6

I want to init a navigation stack in SwiftUI. Thus I want to push a second view immediately after a first view appears. Approach: Using a @State var, which is set to true in onAppear, and thus activates a NavigationLink in first view.

However, the approach is not working. The push is done and then the second view is immediately dismissed. The expected behaviour is that the second screen stays on screen.

This is a simplified demo:

Code Block struct SecondView: View {
  var body: some View {
    Text("Second")
      .navigationTitle("Second")
      .onAppear(perform: {
        print("Second: onAppear")
      })
  }
}
struct FirstView: View {
   @State var linkActive = false
   var body: some View {
     NavigationLink(destination: SecondView(), isActive: $linkActive) {
       Text("Goto second")
     }
     .navigationTitle("First")
     .onAppear(perform: {
       print("First: onAppear")
       linkActive = true
     })
     .onChange(of: linkActive) { value in
       print("First: linkActive changed to: \(linkActive)")
     }
   }
 }
 struct SwiftUIView: View {
   var body: some View {
     NavigationView {
       NavigationLink(destination: FirstView()) {
         Text("Goto first")
       }
     }
     .navigationViewStyle(StackNavigationViewStyle())
   }
}

Log output:

Code Block First: onAppear
First: linkActive changed to: true
Second: onAppear
First: linkActive changed to: false

Trying to figure out if this is a SwiftUI bug, or something I’m doing wrong. May someone help?

Boost

Answer 1

OOPer OP

Dec ’20

I have confirmed the behavior both in simulator and an actual device (iOS 14.3).

to figure out if this is a SwiftUI bug

I'm not sure if this is a bug or not, but assuming not a bug, we have no ways to control navigation links programmatically.
You should better send a feedback on this issue soon.

0

Answer 2

saibot OP

Dec ’20

FB8954491

1

Answer 3

TheXs2490 OP

Aug ’21

I'm stuck on this right now, did you find a solution?

0

Answer 4

TheXs2490 OP

Aug ’21

If anyone comes across this in the future, I solved this problem with the following:

struct View1: View{

@State var KeepView2: Bool = false 

  var body: some View{
     if self.KeepView2{
         NavigationLink(destination: View2(keepViewOpen: self.$keepView2), isActive: self.$keepView2){
             Text("Navigate")
         }
     }
  }
}

struct View2: View{

@Binding keepViewOpen: Bool

var body: some View{
VStack{
      Text("Hello World")
}.onAppear{

self.keepViewOpen = true 
       }
   }
}

0

Answer 5

savante OP

May ’22

This worked for sometime for me but it doesn't anymore. Did you find another solution to this?

0