Bug: Pinch to zoom and move are not working together about react-native-awesome-gallery HOT 7 CLOSED

If you have the same issue after using setImageDimensions properly, reopen the issue please

from react-native-awesome-gallery.

Hi @valeriashpiner
Could you send me screen recording?
And code sample with gallery usage

from react-native-awesome-gallery.

@pavelbabenko I'll do it during few next hours! Thank you.

from react-native-awesome-gallery.

@pavelbabenko it works as intened if I don't use renderItem prop. As soon as I add renderItem prop and I send there some custom component this is happening.

import React from 'react';
import Gallery from 'react-native-awesome-gallery';
import { StyleSheet, Dimensions, Image } from 'react-native';

const images = [
  'https://upload.wikimedia.org/wikipedia/commons/c/cd/London_Montage_L.jpg',
  'https://assets.vogue.com/photos/58917ad38c64075803ad0876/master/pass/00-holding-first-timers-guide-to-london.jpg',
];

const width = Dimensions.get('window').width;
const height = Dimensions.get('window').height;

const renderSlideDeck = ({ item }) => {
  return <Image source={{ uri: item }} style={styles.image} />;
};

export default function App() {
  return (
    <Gallery
      data={images}
      renderItem={renderSlideDeck}
      onIndexChange={(newIndex) => {
        console.log(newIndex);
      }}
      loop={true}
    />
  );
}

const styles = StyleSheet.create({
  image: {
    width: width,
    height: height,
  },
});

from react-native-awesome-gallery.

I also tried to use FastImage instead of Image and I added the prop to FastImage:
onLoad={() => setImageDimensions({ width, height })}

In this case gallery is not accessible at all. I can't tap, zoom, drag, scroll, nothing.

from react-native-awesome-gallery.

As I see you’re using setImageDimensions incorrectly.
You have to pass width and height of loaded image, not dimensions of screen.
Please, check usage of setImageDimensions in example folder

from react-native-awesome-gallery.

@pavelbabenko perfect, it works with right usage of setImageDimensions.
Sorry for that!

from react-native-awesome-gallery.