dohooo / react-native-reanimated-carousel

🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)
https://react-native-reanimated-carousel.vercel.app
MIT License
2.52k stars 280 forks source link

Pagination not exported? #606

Open raza-jamil-reckon opened 3 weeks ago

raza-jamil-reckon commented 3 weeks ago

Describe the bug Trying to follow the sample here https://reanimated-carousel.dev/Examples/parallax on version 3.5.1 and there is no Pagination component exported from react-native-reanimated-carousel.

I followed into the package and indeed there is no export. Here's the export list from index.d.ts file.

import Carousel from "./Carousel";
export type { TCarouselProps, ICarouselInstance, IComputedDirectionTypes, CarouselRenderItem, } from "./types";
export { ILayoutConfig } from "./layouts/stack";
export default Carousel;

To Reproduce Steps to reproduce the behavior:

  1. Install version 3.5.1
  2. Try to import Pagination component from react-native-reanimated-carousel

Expected behavior Import component

Screenshots If applicable, add screenshots to help explain your problem.

Versions (please complete the following information):

Smartphone (please complete the following information):

Additional context Seems like something gone wrong in bundling? I can see that the component is exported in the source code here https://github.com/dohooo/react-native-reanimated-carousel/blob/main/src/index.tsx#L2 but it's just not there in the installed package.

dosubot[bot] commented 3 weeks ago

It seems like the issue with the missing Pagination component in react-native-reanimated-carousel version 3.5.1 might be due to a bundling or publishing mishap, especially since you've confirmed that the component is indeed exported in the source code on GitHub but not present in the installed package. This discrepancy suggests that the component was not included in the final bundle during the packaging process.

To address this, you might want to check if there's been a more recent release or patch that fixes this issue. Sometimes, such problems are quickly identified and resolved by the package maintainers. If no such update exists, reaching out to the maintainers directly through a GitHub issue might be the best course of action to bring this to their attention and seek a resolution.

In the meantime, as a workaround, you could consider manually adding the Pagination component to your project. This would involve copying the component's code from the GitHub repository into your project, ensuring you also meet any of its dependencies and properly integrate it with your existing setup. While not ideal, this could allow you to proceed with your project until an official fix is released.

Remember to keep an eye on the repository for any updates or patches that address this issue, and update your package accordingly once a fix is available.

#### Details **Sources** - [src/index.tsx](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/src/index.tsx) - [package.json](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/package.json) - [src/components/Pagination/index.tsx](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/src/components/Pagination/index.tsx) - [.changeset/lazy-ties-design.md](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/.changeset/lazy-ties-design.md) - [CHANGELOG.md](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/CHANGELOG.md) - [example/expo/tsconfig.json](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/example/expo/tsconfig.json) - [tsconfig.json](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/tsconfig.json) - [example/bare/tsconfig.json](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/example/bare/tsconfig.json)
**About Dosu** This response is meant to be useful and save you time. It is **not meant to be a precise solution**, but rather a starting point for your own research. Help me be more useful! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

To continue the conversation, mention @dosu.

sssajjad007 commented 3 weeks ago

same issue

JenkinsDev commented 3 weeks ago

Documentation references are for the v4.0.0 APIs, it seems

See https://github.com/dohooo/react-native-reanimated-carousel/tree/v3.x.x/src for the appropriate source

Dhakernator24 commented 3 weeks ago

Same issue here: Cannot read property 'Basic' of undefined carousel

dohooo commented 3 weeks ago

Sry, v3 will no longer be updated. Please use v4.x alpha if u want to use the pagination component. My work is quite busy and I don’t have much time to maintain multiple version branches, but I will try my best to release the official v4 stable version ASAP. Plz lmk if you tried v4 alpha and it works well.

Dhakernator24 commented 3 weeks ago

Sry, v3 will no longer be updated. Please use v4.x alpha if u want to use the pagination component. My work is quite busy and I don’t have much time to maintain multiple version branches, but I will try my best to release the official v4 stable version ASAP. Plz lmk if you tried v4 alpha and it works well.

Thanks I updated to v4 and that solved the issue

ZainaliSyed commented 2 weeks ago

@dohooo

v4 4.0.0-alpha.12 - Pagination works fine on IOS and android , dots are also SYNC as well .

But on android there some Glitch while swiping slider , Can you please look into this as well .

pdb3616109 commented 2 weeks ago

@dohooo

v4 4.0.0-alpha.12 - Pagination works fine on IOS and android , dots are also SYNC as well .

But on android there some Glitch while swiping slider , Can you please look into this as well .

me too

lokitechz commented 2 weeks ago

where i can find v4 of lib @dohooo

hamzawii commented 1 week ago

where i can find v4 of lib @dohooo

npm i react-native-reanimated-carousel@4.0.0-alpha.12

BrodaNoel commented 1 week ago

Guys, pagination was not added on V3.

Check this: https://github.com/dohooo/react-native-reanimated-carousel/releases/tag/v4.0.0-alpha.11

It was added on 4.0.0-alpha.11

How to add it? Just install it as usually "react-native-reanimated-carousel": "4.0.0-alpha.11",

npm i react-native-reanimated-carousel@4.0.0-alpha.11

I would suggest to install directly the alpha.12, which is the latest alpha, fixing some other issues