How can I use @react-native-community/slider inside GestureDetector Pan, as pan gesture is conflicting with the draggable gesture of slider.

[seeker710]

So I am @react-native-community/slider Slider component inside Pan Gesture detector. But the pan gesture is conflicting with Slider. I tried using simultaneoushandlers and hitSlop but none of them worked.
Kindly help me with this problem.

[bunkscene]

Try this:

  const panGesture = Gesture.Pan()
    .activeOffsetX([-10, 10])
    .activeOffsetY([-10, 10])

This will prevent the pan gesture from activating until a certain number of pixels have been panned. You may need to combine that with something like requireExternalGestureToFail or blocksExternalGesture.

[lovegaoshi]

TYSM! no need for externalGestures as there is no other Gesture object to pass onto, but whatever activeOffset against the RNGH scrolling direction worked like a charm to allow the slider gesture to pick up and prevent further propagation.