Scrollable image with pinch-to-zoom in react-native

Question

I\'m trying to display an image in my React Native app (Android) and I want to give users an ability to zoom that image in and out. This also requires the image to be scroll

Answer 1

Don't go deep if you are working with react-native because things will go more and more complex as deep you go.

Give it a try...

npm i react-native-image-zoom-viewer --save

or

yarn add react-native-image-zoom-viewer

copy this code and put it in app.js and hit Run button.

import React from 'react';
import {View} from 'react-native';
import ImageViewer from 'react-native-image-zoom-viewer';
const image = [
  {
    url:
      'https://static8.depositphotos.com/1020341/896/i/950/depositphotos_8969502-stock-photo-human-face-with-cracked-texture.jpg',
  },
];

const App = () => {
  return (
    
      
    
  );
};
export default App;