search

oblador / react-native-lightbox

Images etc in Full Screen Lightbox Popovers for React Native
MIT License
2.82k stars 502 forks source link

Unzoom animation weird #105

Closed asuri0n closed 1 year ago

asuri0n commented 6 years ago

svid_20180427_092936trim

Any ideas why it's doing that ?

harrydema commented 6 years ago

How did you solve it?

asuri0n commented 6 years ago

I used renderContent const renderFullImage = () => ( <Image style={styles.imageZoom} resize="x300" resizeMode="contain" source={picture || defaultPicture} /> )

and for the Style : imageZoom: { borderRadius: Dimensions.get('window').height / 2, flex: 1, width: '100%', marginBottom: 15 },

The image need to be square

rodrigobdz commented 6 years ago

@asuri0n Could you provide a MCVE? I had the same problem when I set the width or height to a fixed value. I fixed it by using flex styles instead.