Carousel with long pagination

[sani723]

Is this a bug report, a feature request, or a question?

Question.

Have you followed the required steps before opening a bug report?

(Check the step you've followed - replace the space character between the square brackets ([]) by an x.)

• I have read the guidelines regarding bug report.
• I have reviewed the documentation in its entirety.
• I have searched for existing issues and made sure that the problem hasn't already been reported.
• I am using the latest plugin version.
• I am following the issue template closely in order to produce a useful bug report.

Have you made sure that it wasn't a React Native bug?

Yes

Is the bug specific to iOS or Android? Or can it be reproduced on both platforms?

Both

Is the bug reproductible in a production environment (not a debug one)?

Yes

Environment

Environment:
React: 16.3.1
React native: 0.55.2
react-native-snap-carousel: 3.7.2

Target Platform:
Android (6.0)
iOS (10.3)

Expected Behavior

In case of large number of items it should just show few items in pagination with current item in center.

Actual Behavior

It shows long pagination, initially current item index is out of screen etc.

[bd-arc]

@sani723 This is an interesting feature request.

How would you animate the dots when switching between items? Do you have an exemple?

[sani723]

@bd-arc I know one library for Android

https://github.com/rbro112/Android-Indefinite-Pager-Indicator

[bd-arc]

@sani723 Unfortunately, the library you've mentioned is a native one which is a no-go for us since we want to keep this plugin free of any native dependencies.

I don't see any easy way to introduce this feature. If you or another contributor wants to jump in and submit a PR, do not hesitate ;-)

[anniewey]

@sani723 you can use this react-native-pagination

[bd-arc]

Thanks for the link @anniewey!

It should be a piece of cake to connect this plugin to the carousel since the latter is a FlatList :-)

[doougui]

I'm having the same problem here. Do you guys have any solution to this issue?