Tiny Image Viewer Modal For React Native – image-viewing

image-viewing is a tiny React Native component to view images in a cross-platform modal component.


  • Pinch zoom for both iOS and Android
  • Double tap to zoom for both iOS and Android
  • Supports swipe-to-close animation
  • Custom header and footer components
  • Uses VirtualizedList to optimize image loading and rendering

Install & Import:

# Yarn
$ yarn add react-native-image-viewing

$ npm i react-native-image-viewing --save
import ImageView from "react-native-image-viewing";

Add images to the image viewer:

const images = [
        uri: "1.jpg",
        uri: "2.jpg",
        uri: "3.jpg",
const [visible, setIsVisible] = useState(false);
  onRequestClose={() => setIsVisible(false)}

Default Props.

images: ImageSource[];
imageIndex: number;
visible: boolean;
onRequestClose: () => void;
onLongPress?: (image: ImageSource) => void;
onImageIndexChange?: (imageIndex: number) => void;
presentationStyle?: ModalProps["presentationStyle"];
animationType?: ModalProps["animationType"];
backgroundColor?: string;
swipeToCloseEnabled?: boolean;
doubleTapToZoomEnabled?: boolean;
delayLongPress?: number;
HeaderComponent?: ComponentType<{ imageIndex: number }>;
FooterComponent?: ComponentType<{ imageIndex: number }>;


Tiny Image Viewer Modal For React Native - image-viewing

Download Details:

Author: jobtoday

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/jobtoday/react-native-image-viewing

License: MIT

You Might Be Interested In:

Add Comment