Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Carousel with long pagination

See original GitHub issue

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.

Issue Analytics

State:
Created 5 years ago
Reactions:6
Comments:6 (3 by maintainers)

Top GitHub Comments

2reactions

bd-arccommented, Sep 27, 2018

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 😃

0reactions

doouguicommented, Apr 28, 2022

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

Top Results From Across the Web

How to create pagination in carousel table? - Stack Overflow

Example: i have 8 rows in table and i want to show only 4 rows remaining go to next page in carosal so...

Enabling pagination images for a Carousel - Dynamic Drive

You can easily enable pagination button be shown for any Carousel on your page, which lets users visually see which panel they're currently...

react-native-snap-carousel/PAGINATION.md at master - GitHub

Prop Description Type Default activeDotIndex Index of the currently active dot Number Required dotsLength Number of dots to display Number Required vertical Whether to layout dots...

Pagination - Splide

Learn how to customize the pagination. ... In case that you want to disable this "paging" — meaning make a carousel move one...

Pagination + Bootstrap's Carousel == limiting images/query

What' I'm stuck with, is how to tie bootstrap's logic/function(?) so to get the next image. I'm assuming some sort of AJAX. Has...