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

There's a much easier way now. Just make a ScollView with minimumZoomScale and maximumZoomScale:

import React, { Component } from 'react';
import { AppRegistry, ScrollView, Text } from 'react-native';

export default class IScrolledDownAndWhatHappenedNextShockedMe extends Component {
  render() {
      return (
        
          Scroll me plz
          If you like
          Scrolling down
          What's the best
          Framework around?
          React Native
        
    );
  }
}

// skip these lines if using Create React Native App
AppRegistry.registerComponent(
  'AwesomeProject',
  () => IScrolledDownAndWhatHappenedNextShockedMe);