support doubleClickInterval

Author: ascoders

README.md

@@ -84,8 +84,8 @@ export default class App extends React.Component {
 | onClick                | function<br><br>`(onCancel?: function) => void`                                        | no       | Onclick                                                                                                                                                                                                                              | `(onCancel) => {onCancel()}`                              |
 | onDoubleClick          | function<br><br>`(onCancel?: function) => void`                                        | no       | OnDoubleClick                                                                                                                                                                                                                        | `(onCancel) => {onCancel()}`                              |
 | onSave                 | function<br><br>`(url: string) => void`                                                | no       | The picture is saved to the local method, if you write this method will not call the system default method for Android does not support saveToCameraRoll remote picture, you can call this callback in Android call native interface |                                                           |
-| renderHeader           | function<br><br>`(currentIndex?: number) => React.ReactElement<any>`                                        | no       | Custom header                                                                                                                                                                                                                        | `() => null`                                              |
-| renderFooter           | function<br><br>`(currentIndex?: number) => React.ReactElement<any>`                                        | no       | Custom footer                                                                                                                                                                                                                        | `() => null`                                              |
+| renderHeader           | function<br><br>`(currentIndex?: number) => React.ReactElement<any>`                   | no       | Custom header                                                                                                                                                                                                                        | `() => null`                                              |
+| renderFooter           | function<br><br>`(currentIndex?: number) => React.ReactElement<any>`                   | no       | Custom footer                                                                                                                                                                                                                        | `() => null`                                              |
 | renderIndicator        | function<br><br>`(currentIndex?: number, allSize?) => React.ReactElement<any>`: number | no       | Custom indicator                                                                                                                                                                                                                     | `(currentIndex, allSize) => currentIndex + "/" + allSize` |
 | renderImage            | function<br><br>`(props: any) => React.ReactElement<any>`                              | no       | Custom image component                                                                                                                                                                                                               | `(props) => <Image {...props} />                          |
 | renderArrowLeft        | function<br><br>`() => React.ReactElement<any>`                                        | no       | Custom left arrow                                                                                                                                                                                                                    | `() => null`                                              |
@@ -94,6 +94,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                                                     |
+| doubleClickInterval    | number                                                                                 | no       | Double click interval.                                                                                                                                                                                                               |                                                           |
 
 ## Development pattern
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-image-zoom-viewer",
-  "version": "2.2.17",
+  "version": "2.2.18",
   "description": "react native image viewer,大图浏览",
   "main": "built/index.js",
   "types": "src/index.ts",

src/image-viewer.component.tsx

@@ -447,6 +447,7 @@ export default class ImageViewer extends React.Component<Props, State> {
           onSwipeDown={this.handleSwipeDown}
           pinchToZoom={this.props.enableImageZoom}
           enableDoubleClickZoom={this.props.enableImageZoom}
+          doubleClickInterval={this.props.doubleClickInterval}
           {...others}
         >
           {children}
@@ -512,6 +513,7 @@ export default class ImageViewer extends React.Component<Props, State> {
               onSwipeDown={this.handleSwipeDown}
               pinchToZoom={this.props.enableImageZoom}
               enableDoubleClickZoom={this.props.enableImageZoom}
+              doubleClickInterval={this.props.doubleClickInterval}
             >
               {this!.props!.renderImage!(image.props)}
             </ImageZoom>

src/image-viewer.type.ts

@@ -66,6 +66,8 @@ export class Props {
    */
   public enableSwipeDown?: boolean = false;
 
+  public doubleClickInterval?: number;
+
   /**
    * 长按图片的回调
    */