meliorence / meliorence/react-native-snap-carousel

Specifying the no of cards, making behind cards of same width as active card

Open
#714 1 comment 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

currently in my <Corosal only 3 cards are being displayed. I am trying to display IOS passbook where all cards are of same size and we need to display more than 3 cards. I tried several properties but they are of no use.

i tried ; which didnt work.  
   initialNumToRender={5}
   maxToRenderPerBatch={5}

Also the cards behind the current card are of smaller width. is there a way to make them 100% width? i tried the below which didnt work

                            zoomScale={1}
                            maximumZoomScale={1}
                            minimumZoomScale={1}
inactiveSlideScale={1}

Any ideas? Also, when i gave horizontal={false" vertical={true i see extra space getting added above and below the component -- any exaple around this please? I am checking for vertical swipe to change between the cards.

reference: https://gist.github.com/wcandillon/288e994cda3216d1dbef9482a9322804#gistcomment-2939652 .

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 by reproducing the reported behavior in the React Native carousel component using the listed rendering, zoom, inactiveSlideScale, and vertical-orientation props. Review the referenced gist and inspect how the carousel handles item counts, inactive-card sizing, and vertical spacing. Done requires a maintainer-confirmed behavior and tests or examples covering the requested card count, widths, and vertical layout.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.