Merge pull request #264 from wack17s/swipeDownThreshold

Add Swipe down threshold

Author: ascoders

README.md

@@ -99,6 +99,7 @@ export default class App extends React.Component {
 | footerContainerStyle   | object<br><br>`{someStyle: someValue}`                                                 | no       | custom style props for container that will be holding your footer that you pass                                                                                                                                                      | `bottom: 0, position: "absolute", zIndex: 9999`           |
 | backgroundColor        | string<br><br>`white`                                                                  | no       | Component background color                                                                                                                                                                                                           | `black`                                                   |
 | enableSwipeDown        | boolean                                                                                | no       | Enable swipe down to close image viewer. When swipe down, will trigger onCancel.                                                                                                                                                     | false                                                     |
+| swipeDownThreshold     | number                                                                                 | no       | Threshold for firing swipe down function                                                                                                                                                                                             |                                                           |
 | doubleClickInterval    | number                                                                                 | no       | Double click interval.                                                                                                                                                                                                               |                                                           |
 | pageAnimateTime        | number                                                                                 | no       | Set the animation time for page flipping.                                                                                                                                                                                            | 100                                                       |
 | enablePreload          | boolean                                                                                | no       | Preload the next image                                                                                                                                                                                                               | false                                                     |

src/image-viewer.component.tsx

@@ -472,6 +472,7 @@ export default class ImageViewer extends React.Component<Props, State> {
           onClick={this.handleClick}
           onDoubleClick={this.handleDoubleClick}
           enableSwipeDown={this.props.enableSwipeDown}
+          swipeDownThreshold={this.props.swipeDownThreshold}
           onSwipeDown={this.handleSwipeDown}
           pinchToZoom={this.props.enableImageZoom}
           enableDoubleClickZoom={this.props.enableImageZoom}
@@ -541,6 +542,7 @@ export default class ImageViewer extends React.Component<Props, State> {
               imageWidth={width}
               imageHeight={height}
               enableSwipeDown={this.props.enableSwipeDown}
+              swipeDownThreshold={this.props.swipeDownThreshold}
               onSwipeDown={this.handleSwipeDown}
               pinchToZoom={this.props.enableImageZoom}
               enableDoubleClickZoom={this.props.enableImageZoom}

src/image-viewer.type.ts

@@ -66,6 +66,11 @@ export class Props {
    */
   public enableSwipeDown?: boolean = false;
 
+  /**
+   * threshold for firing swipe down function
+   */
+  public swipeDownThreshold?: number;
+
   public doubleClickInterval?: number;
 
   /**