New onSwipeableOpenDragStart and onSwipeableCloseDragStart events

src/components/Swipeable.tsx

@@ -157,6 +157,16 @@ export interface SwipeableProps
    */
   onSwipeableWillClose?: (direction: 'left' | 'right') => void;
 
+  /**
+   * Called when action panel starts being shown on dragging to open.
+   */
+  onSwipeableOpenStartDrag?: (direction: 'left' | 'right') => void;
+
+  /**
+   * Called when action panel starts being shown on dragging to close.
+   */
+  onSwipeableCloseStartDrag?: (direction: 'left' | 'right') => void;
+
   /**
    *
    * This map describes the values to use as inputRange for extra interpolation:
@@ -334,6 +344,32 @@ export default class Swipeable extends Component<
     if (ev.nativeEvent.oldState === State.ACTIVE) {
       this.handleRelease(ev);
     }
+    if (ev.nativeEvent.state === State.ACTIVE) {
+      const { velocityX, translationX: dragX } = ev.nativeEvent;
+
+      const { rowState } = this.state;
+
+      const { friction } = this.props;
+      const translationX = (dragX + DRAG_TOSS * velocityX) / friction!;
+
+      let direction: 'left' | 'right' | undefined = undefined;
+
+      if (rowState === 0) {
+        direction = translationX > 0 ? 'left' : 'right';
+      } else if (rowState === 1) {
+        direction = 'left';
+      } else if (rowState === -1) {
+        direction = 'right';
+      }
+
+      if (direction) {
+        if (rowState === 0) {
+          this.props.onSwipeableOpenStartDrag?.(direction);
+        } else {
+          this.props.onSwipeableCloseStartDrag?.(direction);
+        }
+      }
+    }
   };
 
   private handleRelease = (