react-native-image-viewer
Displaying multiple images in fullscreen mode that you can swipe through.
Last updated 10 years ago by chenxsan .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-native-image-viewer 
SYNC missed versions from official npm registry.

react-native-image-viewer (iOS only)

Displaying multiple images in fullscreen mode that you can swipe through.

Installation

npm install react-native-image-viewer --save

Features

  1. Swipeable images in fullscreen mode
  2. Pinch to zoom

Usage

You should provide those props to the Component:

  1. modalVisibility {Boolean} - decide whether to show the modal

  2. closeModal {Function} - close modal

  3. navigationState {Object} - its' used with NavigationExperimental.

    You navigationState will looke like this:

     ```
     {
       index: 0,
       routes: [
         {
           key: '1',
           url: 'https://example.com/image.png',
           size: 1000
         }
       ]
     }
     ```
    

    You should specify width of the image by size, it's used to define how large you can zoom the image.

Check the example repository.

Screenshot

react-native-image-viewer screenshot

Code style

use standardjs.

TODO

[ ] add test

Current Tags

  • 0.0.3                                ...           latest (10 years ago)

3 Versions

  • 0.0.3                                ...           10 years ago
  • 0.0.2                                ...           10 years ago
  • 0.0.1                                ...           10 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 2
Last Day 0
Last Week 2
Last Month 1
Dependencies (1)
Dev Dependencies (0)
None
Dependents (1)

Copyright 2013 - present © cnpmjs.org | Home |