Comments (4)
Use this.onMove and this.swap for update next/this/prev image
Code
<Image
style={GalleryStyle.detailImage}
source={this.state.rightImage}
onError={()=>this.setState({rightImage:require("resource/images/not-photo.png")})}
/>
<ImageZoom
onClick={()=>this.setState({show: !this.state.show})}
doubleClickInterval={1}
ref={ref=>this._image = ref}
cropWidth={window.width}
cropHeight={window.height}
imageWidth={window.width}
imageHeight={window.height}
responderRelease={this.swap}
maxOverflow={100}
horizontalOuterRangeOffset={this.onMove}
>
<Image
style={GalleryStyle.detailImage}
resizeMode={Image.resizeMode.cover}
source={this.state.photo}
onError={()=>this.setState({photo:require("resource/images/not-photo.png")})}
/>
</ ImageZoom>
<Image
style={GalleryStyle.detailImage}
source={this.state.leftImage}
onError={()=>this.setState({leftImage:require("resource/images/not-photo.png")})}
/>
from react-native-image-zoom.
What are these this.swap
and this.onMove
?
from react-native-image-zoom.
horizontalOuterRangeOffset
is never called.
from react-native-image-zoom.
my created function
onMove = offset => {
//save offset image
};
swap = () => {
// testing offset for swap image
}
from react-native-image-zoom.
Related Issues (20)
- FastImage support? HOT 1
- Pinch zooming is too fast
- No onShouldBlockNativeResponder support
- Flatlist vertical scrolling is not working if ImageZoom added as parent HOT 1
- Whether the size of the picture is compressed, and it is blurry after enlargement? HOT 1
- Get scale from an event
- Obtaining position parameters to use with the react-native-image-editor for image cropping.
- Is there a way to save the cropped image?
- How to zoom specific points from left
- Tapping on an image in order to scroll is not working inside a FlatList on Android HOT 3
- handleLayout need to check height change, otherwise it is not working properly on iPad rotation
- Execute onMove when reset, to get a IOnMove object
- 用FlatList做的一个轮播图,每个Item用的ImageZoom,当图片放大之后就不能滚动来
- After rotate transform drag translation works in opposite direction at 180deg rotate
- When I change the image inside the image zoom modal the next image is alzo zoomed. How do I fix that?
- image moves when zoom HOT 4
- Focus when zooming and darkening background
- swipe only acts when i scroll from the edge in android HOT 1
- ios device crashes frequently since using this package.
- Android not working
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-zoom.