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);
};