elephant-com/ImagePreview.js

the general component for elephant washing shoes

import React from 'react';
import { Modal, StatusBar } from 'react-native';
import ImageViewer from 'react-native-image-zoom-viewer';

export const ImagePreview = ({ visible, images, onPress, index }) => {
  return (
    <Modal
      visible={visible} transparent onRequestClose={() => {
      }}
    >
      <StatusBar translucent backgroundColor="rgba(0,0,0,0)" />
      <ImageViewer
        onClick={onPress}
        imageUrls={images}
        index={index}
      />
    </Modal>
  );
};