React Native Image View screenshot

React Native Image View

Author Avatar Theme by Antonkalinin
Updated: 3 Feb 2020
325 Stars

Modal component to view images with zoom

Categories

Overview:

The React Native Image Viewing package is a modal image viewer that supports pinch zoom and carousel functionality. It is recommended for use with React Native versions greater than or equal to 0.59.0. The improved and better-supported version can be found at the provided GitHub link. The package allows for a seamless viewing experience of images with features like pinch zoom, carousel, and custom controls.

Features:

  • Pinch Zoom: Allows users to zoom in on images by pinching the screen.
  • Carousel Functionality: Supports carousel view for browsing through multiple images.
  • Multiple Controls: Configurable controls for actions such as close, next, and previous.

Installation:

To install the React Native Image Viewing package, follow these steps:

  1. Install the package using npm:
    npm install react-native-image-viewing
    
  2. Include the necessary imports in your React Native component:
    import ImageViewing from 'react-native-image-viewing';
    
  3. Utilize the ImageViewing component in your code to display images.

Summary:

The React Native Image Viewing package provides a user-friendly modal image viewer with essential features like pinch zoom and carousel functionality. Users can easily navigate through images and zoom in for a closer look. With configurable controls and easy installation, this package enhances the image viewing experience for React Native applications.