Added onSwipe to DeckSwiper and Swiper

Author: YoussefHenna

example/src/DeckSwiperExample.tsx

@@ -50,6 +50,7 @@ const DeckSwiperExample: React.FC = () => {
           infiniteSwiping
           visibleCardCount={2}
           data={sampleData}
+          onSwipe={(index) => console.log("Swiped", index)}
           onSwipedDown={(index) => console.log("Swiped down", index)}
           onSwipedUp={(index) => console.log("Swiped up", index)}
           onSwipedLeft={(index) => console.log("Swiped left", index)}

example/src/SwiperExample.js

@@ -36,6 +36,7 @@ function SwiperExample({ theme }) {
           style={{ width: "100%", height: 300 }}
           dotColor="green"
           dotActiveColor="red"
+          onSwipe={(index) => console.log("Swiped", index)}
           onSwipedNext={(index) => console.log("Swiped next", index)}
           onSwipedPrevious={(index) => console.log("Swiped previous", index)}
           onIndexChanged={(index) => console.log("onIndexChanged: ", index)}

packages/core/src/components/DeckSwiper/DeckSwiper.tsx

@@ -3,6 +3,7 @@ import { StyleProp, ViewStyle, StyleSheet, View } from "react-native";
 import DeckSwiperComponent from "react-native-deck-swiper";
 
 export interface DeckSwiperProps<T> {
+  onSwipe?: (index: number) => void;
   onSwipedLeft?: (index: number) => void;
   onSwipedRight?: (index: number) => void;
   onSwipedUp?: (index: number) => void;
@@ -21,6 +22,7 @@ export interface DeckSwiperProps<T> {
 }
 
 const DeckSwiper = <T extends object>({
+  onSwipe,
   onSwipedLeft,
   onSwipedRight,
   onSwipedUp,
@@ -121,10 +123,22 @@ const DeckSwiper = <T extends object>({
         backgroundColor="transparent"
         cardVerticalMargin={0}
         cardHorizontalMargin={0}
-        onSwipedLeft={onSwipedLeft}
-        onSwipedRight={onSwipedRight}
-        onSwipedTop={onSwipedUp}
-        onSwipedBottom={onSwipedDown}
+        onSwipedLeft={(index) => {
+          onSwipedLeft?.(index);
+          onSwipe?.(index);
+        }}
+        onSwipedRight={(index) => {
+          onSwipedRight?.(index);
+          onSwipe?.(index);
+        }}
+        onSwipedTop={(index) => {
+          onSwipedUp?.(index);
+          onSwipe?.(index);
+        }}
+        onSwipedBottom={(index) => {
+          onSwipedDown?.(index);
+          onSwipe?.(index);
+        }}
       />
     </View>
   );

packages/core/src/components/Swiper/Swiper.tsx

@@ -3,6 +3,7 @@ import { View, StyleProp, ViewStyle } from "react-native";
 import SwiperComponent from "react-native-web-swiper";
 
 export interface SwiperProps<T> {
+  onSwipe?: (index: number) => void;
   onSwipedNext?: (index: number) => void;
   onSwipedPrevious?: (index: number) => void;
   vertical?: boolean;
@@ -41,6 +42,7 @@ const Swiper = ({
   renderItem,
   children,
   onIndexChanged: onIndexChangedProp,
+  onSwipe,
   onSwipedNext,
   onSwipedPrevious,
   style,
@@ -66,6 +68,7 @@ const Swiper = ({
     } else if (current < previous) {
       onSwipedPrevious?.(previous);
     }
+    onSwipe?.(previous);
   };
 
   return (