GitXplorerGitXplorer
c

react-native-image-viewer

public
15 stars
0 forks
1 issues

Commits

List of commits on branch master.
Unverified
4b6bab2ebaf0fe345685de24c392cb1a1c939882

update readme.

cchenxsan committed 8 years ago
Unverified
4ec921e9b87f4b1a42e26c977a960fb0ae632b83

update example url

cchenxsan committed 8 years ago
Unverified
cf116a728e6fc7018495a361d752d2cde3597970

release first version.

cchenxsan committed 8 years ago
Unverified
4a2f6ca823b750eb3ca9e902c7495edd2c102461

Initial commit

cchenxsan committed 8 years ago

README

The README file for this repository.

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