Swipeable with Fling Gesture

[WenLonG12345]

Hi, I am currently working on whatsapp-like swipe-to-reply gesture and I found that it can be done using Swipeable. However, I faced problem when closing the swipeable. Here is my code.

  const swipeableRef = useRef(null);

  const onSwipeReply = () => {
    onSwipe(message);
    swipeableRef.current.close();  <-- delay when closing, want to archived Fling effects
  };

 <Swipeable
    ref={swipeableRef}
    renderLeftActions={(_, dragX) => <SwipeReply dragX={dragX} />}
     onSwipeableOpen={onSwipeReply}>
    
    {...children}

</Swipeable>

const SwipeReply = ({dragX}) => {

  const trans = dragX.interpolate({
    inputRange: [0, 50],
    outputRange: [-20, 0],
  });

  return (
    <View style={styles.swipeActionContainer}>
    <Animated.View
      style={[styles.swipeCircle, { transform: [{ translateX: trans }] }]}>
      <EntypoIcon name="reply" color="white" size={20} />
    </Animated.View>
  </View>
  );
};

I want to archived something like Fling Gesture but I have no idea how to do that. Anyone can guide me on this? Thanks!