A pure JavaScript image viewer component for react-native apps
npm install ImageViewer!download !npm-version !license
>React Native required 0.33+
#### On IOS:
!viewer-ios
#### On Android:
!viewer-android
react-native-image-viewer from npm:```
npm install ImageViewer --save-dev
Or in package.json:
``
"dependencies": {
"ImageViewer": "version"
}
Then use it:
``
// ES6 mudule
import ImageViewer from 'ImageViewer';
:`
let imgsArr = [
'http://scimg.jb51.net/allimg/160815/103-160Q509544OC.jpg',
'http://img.sc115.com/uploads1/sc/jpgs/1508/apic22412_sc115.com.jpg',
'http://h.hiphotos.baidu.com/zhidao/pic/item/0df431adcbef7609bca7d58a2adda3cc7cd99e73.jpg',
'http://facebook.github.io/react/img/logo_og.png',
'http://scimg.jb51.net/allimg/160815/103-160Q509544OC.jpg'
];closeViewer(){
this.setState({
shown:false,
curIndex:0
})
}
imageUrls={imgsArr}
onClose={this.closeViewer.bind(this)}
index={this.state.curIndex}>
``* pan to image toggling
* double click for image zooming
* pinch for zoom image
* animation for image showing