d

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

15 St Margarets, NY 10033
(+381) 11 123 4567
ouroffice@aware.com

 

KMF

A Component For Zooming React Native Views

A React Native component for zooming any kind of views in your app. Based on the react-native-reanimated.

How to use it:

1. Install and import the zoom component.

# Yarn
$ yarn add react-native-reanimated-zoom
# NPM
$ npm i react-native-reanimated-zoom
import { Zoom } from 'react-native-reanimated-zoom';

2. Zoom an image view in your app.

export default function App() {
  return (
    <Zoom>
      <Image
        source={{
          uri: '/path/to/image',
        }}
        style={{ width: 400, height: 300 }}
      />
    </Zoom>
  );
}

3. Available props.

  • minimumZoomScale: Determines minimum scale value. Defaults to 1.
  • maximumZoomScale: Determines maximum scale value. Defaults to 8.

Preview:

Download Details:

Author: intergalacticspacehighway

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/intergalacticspacehighway/react-native-reanimated-zoom

License: MIT

Credit: Source link

Previous Next
Close
Test Caption
Test Description goes like this