From cfdfecd0f18cffe9168c7bd030ce2577bed9fff6 Mon Sep 17 00:00:00 2001 From: Philip K Date: Tue, 20 Nov 2018 13:07:57 +0200 Subject: [PATCH 1/2] add swipeDownThreshold prop --- src/image-viewer.component.tsx | 2 ++ src/image-viewer.type.ts | 5 +++++ 2 files changed, 7 insertions(+) diff --git a/src/image-viewer.component.tsx b/src/image-viewer.component.tsx index e81ba817..0a46b5d4 100644 --- a/src/image-viewer.component.tsx +++ b/src/image-viewer.component.tsx @@ -472,6 +472,7 @@ export default class ImageViewer extends React.Component { 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 { imageWidth={width} imageHeight={height} enableSwipeDown={this.props.enableSwipeDown} + swipeDownThreshold={this.props.swipeDownThreshold} onSwipeDown={this.handleSwipeDown} pinchToZoom={this.props.enableImageZoom} enableDoubleClickZoom={this.props.enableImageZoom} diff --git a/src/image-viewer.type.ts b/src/image-viewer.type.ts index de489ccb..538c9436 100644 --- a/src/image-viewer.type.ts +++ b/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; /** From a6c6cf57c66c88d7d909ab7a6425c162115da8cd Mon Sep 17 00:00:00 2001 From: Philip K Date: Tue, 20 Nov 2018 13:13:00 +0200 Subject: [PATCH 2/2] fix readme --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 326e855c..36978149 100644 --- a/README.md +++ b/README.md @@ -99,6 +99,7 @@ export default class App extends React.Component { | footerContainerStyle | object

`{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

`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 |