A Component For Zooming React Native Views

Description:

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: