[BUG] NavigationLink not works if use List

[bfreeTax]

Describe the bug NavigationLink stops working if using List and use loopPages false

To Reproduce

• Inside of a List put the Pager control and comment loopPages()

• Sample code: Using your InfiniteExampleView.swift

  var body: some View {
      NavigationView {
          GeometryReader { proxy in
              List{
                  Text("Looping Pager")
                      .bold()
                  Pager(page: self.page2,
                        data: self.data2,
                        id: \.self) {
                          self.pageView($0)
                  }
                  .pagingPriority(.simultaneous)
                  //.loopPages() // If uncomment NavigationLink works again 
                  .sensitivity(.high)
                  .itemSpacing(10)
                  .itemAspectRatio(1.3, alignment: .center)
                  .padding(20)
                  .background(Color.gray.opacity(0.2))
                  .aspectRatio(contentMode: .fill)
              }
              .navigationBarTitle("Infinite Pagers", displayMode: .inline)
          }
      }.navigationViewStyle(StackNavigationViewStyle())
  }
  
  func pageView(_ page: Int) -> some View {
      ZStack {
          Rectangle()
              .fill(Color.yellow)
          NavigationLink(destination: Text("Page \(page)")) {
              Text("Page \(page)")
          }
      }
      .cornerRadius(5)
      .shadow(radius: 5)
  }

Expected behavior It Should works as it works using VStack.

Screenshots / Videos If applicable, add screenshots to help explain your problem.

Environment:

• OSX: iOS 15.2
• Device Simulator and iPhone 13 Pro
  • SwiftUIPager version 2.3.2

Additional context Console shows this error: SwiftUI encountered an issue when pushing aNavigationLink. Please file a bug.

[fermoya]

Weird, do you really need to use a GeometryReader there? Sometimes they give trouble and Pager already contains one. Have you tried removing it?

[fermoya]

Closing, this seems a SwiftUI issue

[samuelbradshaw]

I was able to get my implementation working by hiding the NavigationLink in the background of a button, similar to the second example here. I also added .buttonStyle(.plain), which prevents the button action from bubbling up to the list row – this allows you to have multiple buttons and/or NavigationLinks in the same row. Hopefully this helps someone:

Button {
    isActive = true
} label: {
    rowDetails.background(
        NavigationLink(destination: detailsPage, isActive: $isActive) {
            EmptyView()
        }
        .opacity(0.0)
    )
}
.buttonStyle(.plain)