React Native Image Viewer

Overview:

The Show CasesSwiper theme is designed to enhance image viewing experience by providing features such as image zoom while sliding, swipe down to dismiss, and more. This theme is suitable for applications where users need to view and interact with images in a seamless and intuitive way.

Features:

• ImageZoom: Zoom in on images while sliding through them.
• Swipe Down: Swipe down gesture to dismiss the image.
• Initialization: Easy installation and initialization of the theme in a react-native project.
• ImageUrls: Ability to specify image sources through an array.
• EnableImageZoom: Option to enable or disable image zoom feature.
• OnShowModal: Callback function to display a modal with content.
• OnCancel: Callback function for canceling the modal.
• FlipThreshold: Swipe threshold for navigating to the next page.

Installation:

To install the Show CasesSwiper theme, follow these steps:

1. First, install create-react-native-app.
2. Initialize a react-native project.
3. Edit the AwesomeProject/App.js file to configure the following props:

{
  imageUrls: [array], // Image Source
  enableImageZoom: [boolean], // Enable image zoom
  onShowModal: (content?: JSX.Element) => void, // Callback for show modal
  onCancel: () => void, // Callback for cancel modal
  flipThreshold: [number], // Swipe threshold for the next page
}

Summary:

The Show CasesSwiper theme offers a set of features that enhance image viewing within a react-native application. With functionalities like image zoom, swipe gestures, and customizable callbacks, this theme provides a user-friendly experience for interacting with images. The straightforward installation process and configuration options make it a practical choice for developers looking to improve image display in their projects.