meliorence / meliorence/react-native-snap-carousel

How to show 4 items in one pagination?

Open
#818 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
10.5k
Forks
2.3k
PR merge metrics
No merged PRs in 30d

Description

Question

How to show 4 items in one pagination using carousel and pagination?

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

iOS and Android

Environment
React: 16.13.1
React native: 0.63.4
react-native-snap-carousel: 3.9.1
Expected Behaviour

I want to show 4 items per slide.

Actual Behaviour

Now it is showing 1 item per slide.

Reproducible Demo

https://snack.expo.io/@vitkor/carousel-simple-example

Screenshot

I want to show design like this

Screenshot 2021-02-23 at 2 11 57 PM

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked Expo Snack and the react-native-snap-carousel 3.9.1 configuration used there. Verify whether the carousel can display four items per slide on both iOS and Android, and confirm the result against the provided screenshot and expected behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.