diff --git a/README.md b/README.md index 6a301087..41ee178c 100644 --- a/README.md +++ b/README.md @@ -94,7 +94,7 @@ export default class App extends React.Component { | renderHeader | function

`(currentIndex?: number) => React.ReactElement` | no | Custom header | `() => null` | | renderFooter | function

`(currentIndex?: number) => React.ReactElement` | no | Custom footer | `() => null` | | renderIndicator | function

`(currentIndex?: number, allSize?) => React.ReactElement`: number | no | Custom indicator | `(currentIndex, allSize) => currentIndex + "/" + allSize` | -| renderImage | function

`(props: any) => React.ReactElement` | no | Custom image component | `(props) => ` | +| renderImage | function

`(props: any, index: number) => React.ReactElement` | no | Custom image component | `(props) => ` | | renderArrowLeft | function

`() => React.ReactElement` | no | Custom left arrow | `() => null` | | renderArrowRight | function

`() => React.ReactElement` | no | Custom right arrow | `() => null` | | onSwipeDown | function

`() => void` | no | Callback for swipe down | `() => null` | diff --git a/src/image-viewer.component.tsx b/src/image-viewer.component.tsx index 848eb7b1..a2a5c0d9 100644 --- a/src/image-viewer.component.tsx +++ b/src/image-viewer.component.tsx @@ -560,7 +560,7 @@ export default class ImageViewer extends React.Component { minScale={this.props.minScale} maxScale={this.props.maxScale} > - {this!.props!.renderImage!(image.props)} + {this!.props!.renderImage!(image.props, index)} ); case 'fail': @@ -580,7 +580,7 @@ export default class ImageViewer extends React.Component { width: this.props.failImageSource.width, height: this.props.failImageSource.height } - })} + }, index)} ); } diff --git a/src/image-viewer.type.ts b/src/image-viewer.type.ts index 310f4e0e..5c9d32a4 100644 --- a/src/image-viewer.type.ts +++ b/src/image-viewer.type.ts @@ -168,7 +168,7 @@ export class Props { /** * Render image component */ - public renderImage?: (props: any) => React.ReactElement = (props: any) => { + public renderImage?: (props: any, index: number) => React.ReactElement = (props: any) => { return React.createElement(Image, props); };