Can not scroll on top of navigationLink with LongPressGesture

Question

Created Jun ’20

Replies 1

Boosts 0

Views 1.5k

Participants 2

I Am Aware that with a button you can just add a tap gesture before the longHoldGesture to make it scrollable again, but I do not know how to fix not being able to scroll on top of a navigation link that has a long-press gesture. Could anyone help me out here? Thanks In advance, here is the code of the situation I recreated:

struct ContentView: View{
        
        var body: some View{
            NavigationView{
            ScrollView{
                VStack{
                    ForEach(1...10, id: \.self){ index in
                        NavigationLink(destination: TestView(), label: {
                            Text("test link")
                        }).simultaneousGesture(LongPressGesture().onEnded{_ in })
                    }
                }
            }
        }
        }
    }
    struct TestView: View{
        var body: some View{
            Text("Hello there")
        }
    }

Boost

Answer 1

Claude31 OP

Jun ’20

With this I get the scroll active again.

But the actions in LongPress or Tap are not fired…

struct ContentView: View{
   
    var body: some View{
        NavigationView{
            ScrollView{
                VStack{
                    ForEach(1...50, id: \.self){ index in
                        NavigationLink(destination: TestView(), label: {
                            Text("test link \(index)")
                        }).onTapGesture {print("Short", index)}
                            .gesture(LongPressGesture(minimumDuration: 1.0, maximumDistance: 10.0).onEnded{ _ in print("Long", index)}
                        )
                    }
                }
            }
        }
    }
}

But this has a similar effect:

                VStack{
                    ForEach(1...50, id: \.self){ index in
                        NavigationLink(destination: TestView(), label: {
                            Text("test link \(index)")
                        })//.onTapGesture {print("Short", index)}
                            .gesture(LongPressGesture(minimumDuration: 1.0, maximumDistance: 10.0)
                                .onEnded{ _ in print("Long", index)}
                        )
                    }
                }

Hope that may help however

https://stackoverflow.com/questions/57700396/adding-a-drag-gesture-in-swiftui-to-a-view-inside-a-scrollview-blocks-the-scroll

0