rni

react-native-image-viewer

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

Showing:

Popularity

Downloads/wk

261

GitHub Stars

15

Maintenance

Last Commit

5yrs ago

Contributors

1

Package

Dependencies

1

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

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

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100