Comments (5)
Hi, the resetting is triggered automatically if your image's resolution isn't high enough.
To put it another way, the zoom won't stay after you release your touch if you're zooming at a ratio > 1.
from react-native-image-gallery.
Hey, @Exilz , Thanks for the prompt response that really helps. Much appreciated
from react-native-image-gallery.
👍
from react-native-image-gallery.
Why would image resolution stop zooming?
from react-native-image-gallery.
I solved double tap zooming and pinch zooming not staying by implementing the following minor code changes in TransformableImage/index.js and ViewTransformer/index.js:
"react-native-image-gallery": "2.1.5"
TransformableImage/index.js
let maxScale = 5; // change to whatever you want the max zoom in state to be
let contentAspectRatio;
let width, height; // imageDimensions
if (imageDimensions) {
width = imageDimensions.width;
height = imageDimensions.height;
}
if (width && height) {
contentAspectRatio = width / height;
// if (viewWidth && viewHeight) { // code preventing zoom from staying based on image resolution
// maxScale = Math.max(width / viewWidth, height / viewHeight);
// maxScale = Math.max(1, maxScale);
// }
}
ViewTransformer/index.js
onResponderRelease (evt, gestureState) {
let handled = this.props.onTransformGestureReleased && this.props.onTransformGestureReleased({
scale: this.state.scale,
translateX: this.state.translateX,
translateY: this.state.translateY
});
// if (handled) {
// return;
// }
if (gestureState.doubleTapUp) {
My full patch file for the project is attached and includes a lot of minor changes like
- adding maxScale prop to component
- removing all warnings regarding RN Version 0.70.0 and up
- allowing double tap and pinch zooming regardless of image resolution
react-native-image-gallery+2.1.5.patch
from react-native-image-gallery.
Related Issues (20)
- Error decoding image data <NSData 0x6000030192f0; 82644 bytes>
- It is possible to save the image on my iPhone/Android ? HOT 1
- Laggy when using setParams react navigation on page selected HOT 1
- how to stop photo from swiping vertically when scrolling horizontally
- Warning: componentWillMount/ componentWillReceiveProps deprecated HOT 1
- Example using image in storage
- Feature Request
- infinite scrolling feature
- This library is not MAINTAINED! HOT 7
- keyExtractor HOT 1
- detect when swiped at the last image
- Animated 'useNativeDriver' was not specified HOT 6
- Exit button is not defined by default? HOT 1
- page Scroll not working
- How can i get zoom scale
- zoom to area??
- initialPage doesn't work above index value of 9
- The Gallery seems to break after removing the last image HOT 1
- How to enlarge a picture without shrinking it?Could anyone do me a favor?
- Android header space
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-image-gallery.