A React Native component for zooming and panning network images with modal presentation.
react-native-zoom-image is a React Native component that enables zooming and panning on network images within a modal overlay. It solves the need for an interactive image viewer in mobile apps, allowing users to inspect images closely with smooth animations and gesture controls.
React Native developers building iOS or Android apps that require interactive image viewing features, such as social media, gallery, or product showcase applications.
Developers choose this component for its straightforward integration, customizable animations, and native-like gesture handling, providing a polished image viewing experience without complex setup.
Image Viewer Component For React Native (like twitter)
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Enables intuitive pinch-to-zoom and drag-to-pan with smooth animations, mimicking the Twitter image viewer experience as shown in the GIF examples.
Offers props for easing functions and durations (showDuration, closeDuration, rebounceDuration) to fine-tune the animation flow, allowing tailored user interactions.
Simple npm install and prop-based configuration make it quick to add zoom functionality, as demonstrated in the straightforward usage example with minimal code.
Presents images in a modal with smooth show and close transitions, enhancing focus and usability without disrupting the app interface.
Only supports HTTPS network images and cannot detect original sizes, requiring manual size specification via imgStyle prop, which limits flexibility for diverse image sources.
For HTTP images, developers must modify info.plist on iOS, adding platform-dependent setup steps that complicate cross-platform development.
Focuses on functionality over aesthetics; advanced visual customizations may require additional CSS work, as the style prop is minimal and not heavily documented.
Props like responderNegotiate require custom logic for gesture handling, which could be daunting for developers unfamiliar with React Native's gesture system.