Comments (11)
Can you give me a example image?
from react-native-image-zoom.
Sorry, what do you mean with an example? The code I pasted is what I have. Isn't it an example?
Do you want the whole render() method?
Thanks!!
EDIT: My problem might be related to the problem of not knowing the size of the image, as this screen is used for different, changing, images.
from react-native-image-zoom.
Image is 4 o 5 times bigger than screen and cannot be reduced.
@connect(mapStateToProps)
export default class ImageView extends Component {
render() {
const { url, use } = this.props;
const source = {
uri: `${url}`,
headers:
{
Authorization: `Bearer ${use.token}`,
},
}
return (
<ImageZoom
cropWidth={Dimensions.get('window').width}
cropHeight={Dimensions.get('window').height}
imageWidth={3300}
imageHeight={1800}
>
<Image
style={{ width: 3300, height: 1800 }}
resizeMode="contain"
source={source}
/>
</ImageZoom>
);
}
}
from react-native-image-zoom.
@ascoders if I set imageWidth={400}, imageHeight={400}, style={{ width: 400, height: 400 }} it more or less work, but image is not centered, depends on the size of the screen.
from react-native-image-zoom.
@dhcmega imageWidth
and imageHeight
should be the image's original size.
from react-native-image-zoom.
@ascoders yes, I know, these are the real values: imageWidth={3300} and imageHeight={1800} with these values, image doesn't show up.
from react-native-image-zoom.
This is a real bug.
from react-native-image-zoom.
Any updates on that?
from react-native-image-zoom.
any update on this, im facing a similar issue. It only manifests itsself in release builds on iOS
from react-native-image-zoom.
+1 having issues on this
from react-native-image-zoom.
Were you able to solve this?
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.