felire/react-native-animated-dots-carousel

Package to configure your dots pagination carousel just like Instagram does

react-native-animated-dots-carousel's Issues

Dots centered

Hey @felire , how i can always center dots, maybe you can help me with it?
Initially they not center:

I need something like that:

decreasingDots does not work correctly with dynamic data

I'm using react-native-animated-dots-carousel and set the config:
length: 8; maxIndicator: 5;
when I set currentIndex = 0 for render for the first time the decreasingDots worked correctly.

But if I update the length = 7; currentIndex = 6, it will render wrong

expectation:

maxIndicators Property Prevents Rendering in "react-native-animated-dots-carousel"

Hello,

I am currently utilizing the "react-native-animated-dots-carousel" in my React Native project and have stumbled upon an issue with the maxIndicators property.

Description of the Issue:

When the number of items in the data array exceeds the value set in the maxIndicators property, the dots fail to render. Conversely, when the maxIndicators property is set to a value greater than the number of items, it functions correctly.
Steps to Reproduce:

1. Set the maxIndicators property to 3.
2. Include 4 items in the data array.
3. Observe that the dots does not render.

Expected Behavior:

I anticipated that setting a maxIndicators value less than the number of items would still allow the dots to function properly, with the additional items being accommodated.

Actual Behavior:

The dots fails to render when the maxIndicators value is less than the number of items in the data array.
Additional Information:

I find this behavior strange because, based on the examples provided in your GitHub repository, it seems like this functionality should work correctly. It appears that in your examples, the dots renders fine even when the maxIndicators is less than the number of items.
Environment:

1. React Native version: 0.71.1
2. OS : iOS

I would appreciate any guidance or updates that can address this issue. Thank you for your time and assistance.

Add duration as prop

I think this is a pretty simple change, but could you add the animation duration to go from one dot to the next as a prop? In the code it looks like it's 300ms, and from my experience with it, it feels a little slow and 200ms would probably make it feel more like instagram and other apps.

Thanks.

Add A feature to increase only width of active dot