Skip to content

Image Viewer component for RN, similar to Facebook or LinkedIn

License

Notifications You must be signed in to change notification settings

shahen94/react-native-image-fit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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