Double tap zoom

4.3.0 • Public • Published 3 months ago ReadmeCode Beta0 Dependencies2 Dependents15 VersionsREACT NATIVE IMAGE ZOOMA performant and customizable image zoom componentbuilt with Reanimated v2+ and TypeScript. 🌃 🚀Demo:What's newEnhanced Pan Gesture Handling: Improved the accuracy and responsiveness of pan gestures, ensuring smoother and more natural interactions when panning images.Refined Single Tap Detection: The single tap gesture functionality has been enhanced to trigger more reliably, providing better consistency and control without interfering with other gestures.Updated Example Integration:Added new examples demonstrating how to leverage the scale value for custom animation effects.Provided an example showcasing how to integrate the Image Zoom Component with react-native-reanimated-carousel, allowing for animated, zoomable image carousels.TypeScript Support for Animated Props: Expanded TypeScript definitions to include support for animated props, ensuring better type safety and compatibility with Reanimated-based animations.FeaturesSmooth Zooming Gestures: Ensure smooth and responsive zooming functionality, allowing users to easily zoom in and out of images using intuitive pinch and pan gestures.Reset Zoom and Snap Back: The component automatically resets zoom and snaps back to the initial position when the gesture ends.Double Tap to Zoom: Enable a double tap gesture for users to seamlessly zoom in and out of images. When double tap functionality is enabled, the automatic Reset Zoom and Snap Back feature will be disabled, allowing users to maintain their desired zoom level without automatic resets.Single Tap Functionality: Detect and process single tap gestures to trigger specific actions or functionality as needed within the componentCustomizable Zoom Settings: Utilize minScale, maxScale, and doubleTapScale props for precise control over minimum, maximum, and double tap zoom levels, tailoring the zoom behavior to application requirementsCustomizable Functionality: Enable or disable features such as panning (isPanEnabled), pinching (isPinchEnabled), single tap handling (isSingleTapEnabled), and double tap zoom (isDoubleTapEnabled) based on specific application needs.Access Scale Animated Value: Provide a Reanimated shared value for the scale property, allowing you to access and utilize the current zoom scale in your own code.Interactive Callbacks: The component provides interactive callbacks such as onInteractionStart, onInteractionEnd, onPinchStart, onPinchEnd, onPanStart, onPanEnd, onSingleTap, onDoubleTap and onResetAnimationEnd that allow you to handle image interactions.Access Last Values on Reset: The onResetAnimationEnd callback returns the last zoom and position values when the component resets (zooms out), providing more control and feedback for custom logic.Ref Handle: Customize the functionality further by utilizing the exposed reset and zoom methods. The 'reset' method allows you to programmatically reset the image zoom as a side effect to another user

Android’s vanilla double-tap to zoom feature.īut that’s just one of the things that makes xScope worth checking out. It may sound like a complicated maneuver, but if you’re holding a phone in one hand, or if you have a device that doesn’t support multitouch, it’s actually really easy to use. Double tap, hold, and drag your finger left and right to zoom in and out. I've tried every android browser out there and safari on the ipad, and none are as fast, feature packed or polished as Xscope 6 click here to try it. The xScope web browser offers a third way. There are generally two ways to zoom in and out of web pages and images on Google Android devices: You can use two fingers to pinch and zoom or double tap with a single finger to zoom. Recently xScope Browser Got Faster,Much Faster As matter of fact it is now the fastest Browser available on Android.

PageThree-finger swipe downScroll down one pageThree-finger swipe upScroll left one pageThree-finger swipe rightScroll right one pageThree-finger swipe leftTake action on an itemUse VoiceOver gestures to perform actions on an item.ActionGestureSelect an itemTapActivate the selected itemDouble tapDouble-tap the selected itemTriple tapDrag a sliderTap the slider to select it, then swipe up or down with one finger; or double-tap and hold the slider until you hear three rising tones, then drag the sliderStart or stop the current action (for example, play or pause music or a video, take a photo in Camera, start or stop a recording, start or stop the stopwatch)Two-finger double tapDismiss an alert or return to the previous screenTwo-finger scrub (move two fingers back and forth three times quickly, making a “z”)Edit an item’s label to make it easier to findTwo-finger double tap and holdTip: As an alternative to selecting an item and double-tapping to activate it, touch and hold an item with one finger, then tap the screen with another.Use gestures to control VoiceOverUse these gestures to control VoiceOver.ActionGestureMute or unmute VoiceOverThree-finger double tap.If both VoiceOver and Zoom are turned on, use the three-finger triple-tap gesture.Turn the screen curtain on or off(When the screen curtain is on, the screen contents are active even though the display is black and appears to be turned off.)Three-finger triple tap.If both VoiceOver and Zoom are turned on, use the three-finger quadruple-tap gesture.Use a standard gestureDouble-tap and hold your finger on the screen until you hear three rising tones, then make the gesture.