About Reset zoom
Skip to content Navigation Menu GitHub Copilot Write better code with AI Security Find and fix vulnerabilities Actions Automate any workflow Codespaces Instant dev environments Issues Plan and track work Code Review Manage code changes Discussions Collaborate outside of code Code Search Find more, search less Explore Learning Pathways Events & Webinars Ebooks & Whitepapers Customer Stories Partners Executive Insights GitHub Sponsors Fund open source developers The ReadME Project GitHub community articles Enterprise platform AI-powered developer platform Pricing Provide feedback Saved searches Use saved searches to filter your results more quickly //voltron/issues_fragments/issue_layout;ref_cta:Sign up;ref_loc:header logged out"}"> Sign up Notifications You must be signed in to change notification settings Fork 3.7k Star 12.2k DescriptionExpected behaviourClicking on the "Reset Zoom" button when used with Highstocks should zoom the chart out all the way, just like with Highcharts.Actual behaviourAfter multiple zoom-ins, the "Reset Zoom" button will only zoom out to the previous zoom.Live demo with steps to reproduceEnable the "Reset Zoom" button to appear for HighstocksZoom into an area on the chart (not the navigator)Without resetting zoom, zoom into an area on the chart againClick the "Reset Zoom" buttonjsfiddle
Key features of the Reset zoom that are enabled through these drivers include:
- Forgot Zoom Password? - How to Reset Zoom Password or How
- Reset Zoom API rate limit - API and Webhooks - Zoom
- Hard Reset ZOOM ZOOM ADSL MODEM, How To - HardReset.info
- How to Zoom In, Zoom Out, and Reset Screen Size on a Chromebook
- Zoom Profile in browser resets language every time - Zoom
- Resize, reset, reset zoom, resize arrows, scale icon - Download
- Hide Reset Zoom button after chart reset via setExtremes
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
