meliorence / meliorence/react-native-snap-carousel
Carousel not scrolling in Android when put inside a ScrollView but works in IOS.
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
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 ([]).)
- I have read the guidelines regarding bug report.
- I have reviewed the documentation in its entirety, including the dedicated documentations 📚.
- 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?
Tested on Android Version 9 pie
Is the bug reproductible in a production environment (not a debug one)?
yes
Environment
Environment:
React: 16.9.0
React native: 0.61.4
react-native-snap-carousel: ^3.8.4
Target Platform:
Android (9)
Expected Behavior
carousel should scroll when inside ScrollView
Actual Behavior
Carousel not scrolling in Android when put inside a ScrollView but works in IOS.
Reproducible Demo
here is expo snack to reproduce the issue, (Please run it in your android phone)
https://snack.expo.io/@sagar293/flatlist-inside-scrollview
Steps to Reproduce
(Write your steps so that anyone can reproduce the issue in the Snack demo you provided.)
- Create a ScrollView in that render the card as shown in the expo snack
- inside the card create the "Carousel" from "react-native-snap-carousel" to render the images
- run it in your Android device
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 running the linked Expo Snack on an Android device and compare the Carousel inside a ScrollView with the working iOS behavior. Investigate the react-native-snap-carousel and ScrollView interaction; done means the carousel scrolls on Android in the reproduced setup without regressing iOS.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100