<ImageZoom

  ref={imageZoomRef}

  uri={imageUri}

  minScale={0.5}

  maxScale={5}

  doubleTapScale={3}

  minPanPointers={1}

  isSingleTapEnabled

  isDoubleTapEnabled

  onInteractionStart={() => {

    console.log('onInteractionStart');

    onAnimationStart();

  }}

  onInteractionEnd={() => console.log('onInteractionEnd')}

  onPanStart={() => console.log('onPanStart')}

  onPanEnd={() => console.log('onPanEnd')}

  onPinchStart={() => console.log('onPinchStart')}

  onPinchEnd={() => console.log('onPinchEnd')}

  onSingleTap={() => console.log('onSingleTap')}

  onDoubleTap={(zoomType) => {

    console.log('onDoubleTap', zoomType);

    if (zoomType === ZOOM_TYPE.ZOOM_IN) {

      onAnimationStart();

      setTimeout(() => {

        imageZoomRef.current?.reset();

      }, 3000);

    }

  }}

  style={styles.image}

  onResetAnimationEnd={(finished) => {

    onAnimationEnd(finished);

  }}

  resizeMode="cover"

/>

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

import ReactNativeZoomableView from '@openspacelabs/react-native-zoomable-view/src/ReactNativeZoomableView';