Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: Galley is not working with RN 0.76 #76

Open
jutein opened this issue Nov 28, 2024 · 2 comments
Open

[Bug]: Galley is not working with RN 0.76 #76

jutein opened this issue Nov 28, 2024 · 2 comments
Labels
bug Something isn't working

Comments

@jutein
Copy link

jutein commented Nov 28, 2024

Summary

I've upgraded React native to 0.76, and my gallery isn't working anymore. The image is displayed, but no zoom, scroll, swipe... Seems like gesture handler are not detected

I've tried with basic implementation (just displaying url), no changes

Environment

react-native: 0.76
react-native-reanimated: 3.16.1
react-native-gesture-handler: 2.21.2

Steps to Reproduce

Create a screen that display basic gallery:

const renderItem = useCallback((item: string) => {
    return (
      <View>
        <Text>{item}</Text>
      </View>
    );
  }, []);
  const keyExtractor = useCallback((item: string, index: number) => {
    return `${item}-${index}`;
  }, []);

  const images = [
    'https://kutyaknak.hu/shop_ordered/73803/pic/gsp.jpg',
    'https://cdn.britannica.com/02/132502-050-F4667944/macaw.jpg',
    'https://assets-global.website-files.com/63634f4a7b868a399577cf37/64665685a870fadf4bb171c2_labrador%20americano.jpg',
    'https://i0.wp.com/bcc-newspack.s3.amazonaws.com/uploads/2023/05/052323-Foxes-in-Millennium-Park-Colin-Boyle-9124.jpg?fit=1650%2C1099&ssl=1',
  ];
  const transition = useCallback(stackTransition, []);

  return (
    <View style={{ flex: 1 }}>
      <Gallery
        data={images}
        keyExtractor={keyExtractor}
        renderItem={renderItem}
        initialIndex={0}
        customTransition={transition}
      />
    </View>
  );

Open the app, 1st url is displayed, no interaction possible to see other urls

@jutein jutein added the bug Something isn't working label Nov 28, 2024
@Glazzes
Copy link
Owner

Glazzes commented Nov 28, 2024

I'm very aware of the problem, it's because zIndex in 0.76 for some reason does not longer accept BigInt values as valid for this property, A new version is on the work adding a couple of features and bug fixes for all the other components as well as 0.76 introduced problems for all components.

@Glazzes
Copy link
Owner

Glazzes commented Nov 30, 2024

@jutein Hi there, I have the library pretty much ready to be released, I would like you to test it before it comes out, this to be sure it works as expected, you can test the latest changes by installing the dev branch:

yarn add https://github.com/Glazzes/react-native-zoom-toolkit#dev
npm install "https://github.com/Glazzes/react-native-zoom-toolkit#dev" --save

Let me know how it works for you, if you can test it on both platforms that would be great!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants