Xcode Question posted in
Whether you're new to Xcode or an experienced developer, our archive has everything you need to know about this integrated development environment (IDE). From basic functionalities to advanced features, our archive covers a wide range of Xcode-related questions and answers. Browse our archive now and find solutions to your Xcode questions, and take your app development skills to the next level

Xcode – NavigationLink in List using isActive pushes the wrong row

I’m trying to use NavigationLink’s isActive variable to pop back to the root view controller.

The problem I’m experiencing is that using isActive pushes the wrong row when clicking on a list item. Remove the isActive variable and everything works as expected.

enter image description here

Here’s some example code for demonstration purposes:

struct ContentView: View {
    
    @State private var activateNavigationLink: Bool = false

    var exampleData = ["a", "b", "c"]
    
    var body: some View {
        
        NavigationView {
            
            List(exampleData, id: .self) { item in
                
                NavigationLink(
                    destination: SecondView(item: item), isActive: $activateNavigationLink) {
                    
                    Text(item)
                }
            }
        }
    }
}

SecondView

struct SecondView: View {
    
    var item: String
    
    var body: some View {
        Text(item)
    }
}

This is driving me nuts. Any help would be greatly appreciated.

Tags:

2

Answers


  1. 0

    Because activateNavigationLink is just a Bool in your code, if it is true, every NavigationLink will register as active in your List. Right now, this is manifesting as the last item (C) getting pushed each time.

    Instead, you’d need some system to store which item is active and then translate that to a boolean binding for the NavigationLink to use.

    Here’s one possible solution:

    struct ContentView: View {
    
    @State private var activeNavigationLink: String? = nil

    var exampleData = ["a", "b", "c"]
    
    func bindingForItem(item: String) -> Binding<Bool> {
        .init {
            activeNavigationLink == item
        } set: { newValue in
            activeNavigationLink = newValue ? item : nil
        }
    }
    
    var body: some View {
        
        NavigationView {
            
            List(exampleData, id: .self) { item in
                
                NavigationLink(
                    destination: SecondView(item: item), isActive: bindingForItem(item: item)) {
                    
                    Text(item)
                }
            }
        }
    }
}
    Login or Signup to reply.
  2. 0

    You should not use activeNavigationLink on main view it should be used with cellView

    struct ContentView: View {
        
    var exampleData = ["a", "b", "c"]
    
    var body: some View {
        
        NavigationView {
            
            List(exampleData, id: .self) { item in
                
               CellView(item: item)
            }
        }
    }
}

    CellView

    struct CellView: View {
        
    @State private var activateNavigationLink: Bool = false
        var item: String
        
        var body: some View {
              NavigationLink(
                        destination: SecondView(item: item), isActive: $activateNavigationLink) {
                        
                        Text(item)
                    }
        }
    }

    SecondView

    struct SecondView: View {
    
    var item: String
    
    var body: some View {
        Text(item)
    }
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search