https://github.com/chaimpaneth/react-native-image-lightbox-zoom-pan
Complete Image Viewer with featuring lightbox, zoom & pan capabilities and swipe down to close.
https://github.com/chaimpaneth/react-native-image-lightbox-zoom-pan
Last synced: 9 months ago
JSON representation
Complete Image Viewer with featuring lightbox, zoom & pan capabilities and swipe down to close.
- Host: GitHub
- URL: https://github.com/chaimpaneth/react-native-image-lightbox-zoom-pan
- Owner: chaimPaneth
- Created: 2020-10-21T22:05:51.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-10-21T22:29:09.000Z (over 5 years ago)
- Last Synced: 2025-10-10T17:07:22.758Z (9 months ago)
- Language: JavaScript
- Size: 58.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-native-image-lightbox-zoom-pan
This gist makes us of `react-native-image-pan-zoom` && `react-native-lightbox` to create the perfect image viewer.
Click on image will open LightBox modal once open will allow zooming and panning and swipe down to close.
### Install
`npm install react-native-image-lightbox-zoom-pan --save`
### Example
```
import Lightbox from 'react-native-image-lightbox-zoom-pan';
```
### Available props
```
{
navigator,
source,
width = Dimensions.get("window").width,
height = 300,
swipeDownThreshold = 20,
enableSwipeDown = true,
lightBoxProps = {}, // All available props from react-native-lightbox
imageZoomProps = {}, // All available props from react-native-image-pan-zoom
}
```