Merge pull request #539 from jemise111/on-preview-end

Add onPreviewEnd prop

Author: jemise111

components/SwipeListView.js

@@ -236,7 +236,9 @@ class SwipeListView extends PureComponent {
                         item.leftActionValue || this.props.leftActionValue || 0
                     }
                     rightActionValue={
-                        item.rightActionValue || this.props.rightActionValue || 0
+                        item.rightActionValue ||
+                        this.props.rightActionValue ||
+                        0
                     }
                     initialLeftActionState={
                         item.initialLeftActionState ||
@@ -332,6 +334,7 @@ class SwipeListView extends PureComponent {
                     swipeToClosePercent={this.props.swipeToClosePercent}
                     item={item} // used for should item update comparisons
                     useNativeDriver={this.props.useNativeDriver}
+                    onPreviewEnd={this.props.onPreviewEnd}
                 >
                     {HiddenComponent}
                     {VisibleComponent}
@@ -684,6 +687,10 @@ SwipeListView.propTypes = {
      * keyExtractor: function to generate key value for each row in the list
      */
     keyExtractor: PropTypes.func,
+    /**
+     * Callback that runs after row swipe preview is finished
+     */
+    onPreviewEnd: PropTypes.func,
 };
 
 SwipeListView.defaultProps = {

components/SwipeRow.js

@@ -253,7 +253,9 @@ class SwipeRow extends Component {
             previewOpenValue,
             this.props.previewOpenDelay
         ).start(() => {
-            this.getPreviewAnimation(0, PREVIEW_CLOSE_DELAY).start();
+            this.getPreviewAnimation(0, PREVIEW_CLOSE_DELAY).start(() => {
+                this.props.onPreviewEnd && this.props.onPreviewEnd();
+            });
         });
     }
 
@@ -910,6 +912,10 @@ SwipeRow.propTypes = {
      * Key used to identify rows on swipe value changes
      */
     swipeKey: PropTypes.string,
+    /**
+     * Callback that runs after row swipe preview is finished
+     */
+    onPreviewEnd: PropTypes.func,
 };
 
 SwipeRow.defaultProps = {

docs/SwipeListView.md

@@ -62,5 +62,6 @@ A List that renders `<SwipeRow />`s
 | `shouldItemUpdate` | Callback to determine whether component should update | `func` | `{ currentItem: any, newItem: any }` |
 | `useNativeDriver` | useNativeDriver: `true` for all animations | `bool` | `true` |
 | `useAnimatedList` | Use Animated.Flatlist or Animated.Sectionlist | `bool` | `false` |
+| `onPreviewEnd` | Callback that runs after row swipe preview is finished | `func` | `{ } : void` | 
 
 See [FlatList](https://reactnative.dev/docs/flatlist) for all other inherited props

docs/SwipeRow.md

@@ -65,3 +65,4 @@ e.g.
 | `onForceCloseToRightEnd` | Callback invoked when row has finished force closing to the Right End | `func` |
 | `useNativeDriver` | useNativeDriver: `true` for all animations | `bool` | `true` |
 | `swipeKey` | Optional key to identify a standalone row, used in the `onSwipeValueChange` callback | `string` |
+| `onPreviewEnd` | Callback that runs after row swipe preview is finished | `func` | `{ } : void` |