https://github.com/shahen94/react-native-image-fit

Image Viewer component for RN, similar to Facebook or LinkedIn
https://github.com/shahen94/react-native-image-fit

image-viewer imageviewer-component react react-native

Last synced: 5 days ago
JSON representation

Image Viewer component for RN, similar to Facebook or LinkedIn

• Host: GitHub
• URL: https://github.com/shahen94/react-native-image-fit
• Owner: shahen94
• License: mit
• Created: 2016-10-28T22:23:59.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2019-09-05T07:18:56.000Z (about 5 years ago)
• Last Synced: 2024-10-31T22:02:14.384Z (13 days ago)
• Topics: image-viewer, imageviewer-component, react, react-native
• Language: JavaScript
• Size: 14.6 KB
• Stars: 100
• Watchers: 6
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-native-image-fit

ImageViewer component for RN

### Installation

```sh

$ npm install --save react-native-image-fit

```

or

```sh

$ yarn add react-native-image-fit

```

### Usage

```javascript

import { ImageViewer } from 'react-native-image-fit';

export const App = () => (

   null}

    onPress={(opening) => console.log(opening)}

    mainImageStyle={styles.someStyle}

    zoomedImageStyle={styles.zoomedImageStyle}

    mainImageProps={{

        resizeMode: 'contain'

    }}

    zoomedImageProps={{

        resizeMode: 'contain'

    }}

  />

)

```

### ImageViewer Component example

![ezgif-3352117320](https://cloud.githubusercontent.com/assets/13334788/19832054/dc83a9f4-9e2a-11e6-9023-ccd80fb944b5.gif)

##

If this project was helpful to you, please