• Stars
    star
    100
  • Rank 340,703 (Top 7 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created about 8 years ago
  • Updated about 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Image Viewer component for RN, similar to Facebook or LinkedIn

react-native-image-fit

ImageViewer component for RN

Installation

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

or

$ yarn add react-native-image-fit

Usage

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

export const App = () => (
  <ImageViewer
    disabled={false} // by default
    source={require('./photo.png')} // or { url: 'https://...' }
    doubleTapEnabled={true} // by default double tap will zoom image
    onMove={(e, gestureState) => null}
    onPress={(opening) => console.log(opening)}
    mainImageStyle={styles.someStyle}
    zoomedImageStyle={styles.zoomedImageStyle}
    mainImageProps={{
        resizeMode: 'contain'
    }}
    zoomedImageProps={{
        resizeMode: 'contain'
    }}
  />
)

ImageViewer Component example

ezgif-3352117320

If this project was helpful to you, please Buy Me A Coffee