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 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 (
          uri: '/path/to/image',
        style={{ width: 400, height: 300 }}

3. Available props.

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


A Component For Zooming React Native Views

Add Comment