react-native-image-viewer

KO | EN

gitlite — search

#hacktoberfest #ai #typescript #golang #go #android #macos #windows #awesome #cli #awesome-list #ios #openai #open-source

react-native-image-viewer

(★ 14)

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

react-native-image-viewer Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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](https://github.com/facebook/react-native/tree/master/Libraries/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](https://github.com/chenxsan/react-native-image-viewer-example/blob/master/index.ios.js) repository.

## Screenshot

![react-native-image-viewer screenshot](https://raw.githubusercontent.com/chenxsan/react-native-image-viewer/master/react-native-image-viewer.gif)

## Code style

use [standardjs](http://standardjs.com/).

## TODO

[ ] add test

react-native-image-viewer

react-native-image-viewer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-native-image-viewer

react-native-image-viewer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README