meliorence / meliorence/react-native-snap-carousel
Specifying the no of cards, making behind cards of same width as active card
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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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