meliorence / meliorence/react-native-snap-carousel

Wrapping carousel within ScrollView, carousel does not render

Open
#545 9 comments 4 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

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

Bug report, render bug

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

(Check the step you've followed - put an `x` character between the square brackets (`[]`).)

- [x] I have read [the guidelines regarding bug report](https://github.com/archriss/react-native-snap-carousel/blob/master/CONTRIBUTING.md).
- [x] I have reviewed [the documentation](https://github.com/archriss/react-native-snap-carousel/blob/master/README.md) in its entirety, including the dedicated documentations :books:.
- [x] I have searched for [existing issues](https://github.com/archriss/react-native-snap-carousel/issues) and made sure that the problem hasn't already been reported.
- [x] I am using [the latest plugin version](https://github.com/archriss/react-native-snap-carousel/releases).
- [x] I am following [the issue template](https://raw.githubusercontent.com/archriss/react-native-snap-carousel/master/ISSUE_TEMPLATE.md) closely in order to produce a useful bug report.

### Have you made sure that it wasn't a [React Native bug](https://github.com/archriss/react-native-snap-carousel/issues?utf8=%E2%9C%93&q=is%3Aissue+label%3A%22react-native+bug%22+)?

cannot be found

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

tested only on Android devices.

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

Yes

### Environment

React-native : 0.59.6
react-native-snap-carousel: 3.8.0

### Expected Behavior

expecting carousel to render within a `ScrollView`

### Actual Behavior

Carousel does not render out within a ScrollView component.

### Reproducible Demo

(Paste the link to a [Snack example](https://snack.expo.io/) in which the issue can be reproduced. Please follow [the guidelines](https://stackoverflow.com/help/mcve) for providing a Minimal, Complete, and Verifiable example.)

### Steps to Reproduce

(Write your steps so that anyone can reproduce the issue in the Snack demo you provided.)

1. Create a ScrollView wrapping the carousel
2. debug on physical devices
3. carousel does not show at all (if component contains sub-component other than carousel, those components still render out)

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

No source file, test, or reproducible demo is named. Start by reproducing the issue on Android with a ScrollView wrapping the carousel, then read the README and the linked known-issues documentation. Done means the carousel renders inside the ScrollView without breaking the other child components.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native
Domain
frontend, mobile
Issue type
Bug
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.