How to set activeOffsetX of PanGestureHandler in react native

Question

I have a list of messages and I'm making feature swipe to reply using PanGestureHandler, I want to limit area swipeable by props activeOffsetX, how can I achieve this?enter image description here

> <PanGestureHandler
> enabled={!isInfoText}
> activeOffsetX={
> isMyMessage ? [-POSITION_X, 0] : [0, POSITION_X]
>         }
> onGestureEvent={_onHandleSwipe}>
> PanGestureHandler>

Limit the area swipeable

score 0 · Answer 1 · answered Aug 24 '23 at 08:02

I'm using GestureDetectorto achieve the pan gesture. It's worked for me to set activeOffsetX using below code:

const panGesture = Gesture.Pan().activeOffsetX(isMyMessage ? [-POSITION_X, 0] : [0, POSITION_X]);

<GestureDetector gesture={panGesture}>
 <your code>
</GestureDetector>

How to set activeOffsetX of PanGestureHandler in react native

1 Answers1