current) { const { zoomToElement } = transformComponentRef.current; zoomToElement("imgExample"); } }; return ( <TransformWrapper initialScale={1} initialPositionX={200} initialPositionY={100} ref={transformComponentRef} > {(utils) => ( <React.Fragment> <Controls {...utils} /> <...
current) { const { zoomToElement } = transformComponentRef.current; zoomToElement("imgExample"); } }; return ( <TransformWrapper initialScale={1} initialPositionX={200} initialPositionY={100} ref={transformComponentRef} > {(utils) => ( <React.Fragment> <Controls {...utils} /> <...
zoomButtons bool true Render plus (+) and minus (-) buttons on top of the image as another way to access the zoom feature. doubleTapBehavior 'reset' or 'zoom' 'reset' Whether to zoom in or reset to initial scale on double-click / double-tap. Development You're welcome to contribute...
current; zoomToElement("imgExample"); } }; return ( <TransformWrapper initialScale={1} initialPositionX={200} initialPositionY={100} ref={transformComponentRef} > {(utils) => ( <React.Fragment> <Controls {...utils} /> <TransformComponent> Example text </TransformComponent> </React.Frag...
zoomButtons bool true Render plus (+) and minus (-) buttons on top of the image as another way to access the zoom feature. doubleTapBehavior 'reset' or 'zoom' 'reset' Whether to zoom in or reset to initial scale on double-click / double-tap. Development You're welcome to contribute...
Feature Request: zoomToElement with offset #496 opened Jul 15, 2024 by lucasmoeskops 1 wheel step prop doesnt work #495 opened Jul 7, 2024 by MartinArauz 1 Zoom doesn't work properly on mobile when both fingers touch the screen simultaneously #487 opened Jul 3, 2024 by MarwanE...
To make things clickable, use the react-native PanResponder or wrap them in the included SvgPanZoomElement as shown below import React, { Component } from 'react'; import { Circle } from 'react-native-svg'; import SvgPanZoom, { SvgPanZoomElement } from 'react-native-svg-pan-zoom'; ...
document-register-element from 1.13.1 to 1.14.10 |13 versionsahead of your current version |4 years ago on 2020-10-07 eslint-config-prettier from 8.5.0 to 8.10.0 |5 versionsahead of your current version |a year ago on 2023-08-03 ...
current) { const { zoomToElement } = transformComponentRef.current; zoomToElement("imgExample"); } }; return ( <TransformWrapper initialScale={1} initialPositionX={200} initialPositionY={100} ref={transformComponentRef} > {(utils) => ( <React.Fragment> <Controls {...utils} /> <...
(null);constzoomToImage=()=>{if(transformComponentRef.current){const{zoomToElement}=transformComponentRef.current;zoomToElement("imgExample");}};return(<TransformWrapperinitialScale={1}initialPositionX={200}initialPositionY={100}ref={transformComponentRef}>{(utils)=>(<React.Fragment><Controls{.....