Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Carousel not scrolling in Android when put inside a ScrollView but works in IOS.

See original GitHub issue

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

Issue Analytics

State:
Created 4 years ago
Reactions:13
Comments:12

Top GitHub Comments

10reactions

smm76commented, Feb 4, 2020

As a quick guess, this could be related to RN’s Bug on Android concerning nested horizontal ScrollViews. As a workaround, try to use the ScrollView Component of react-native-gesture-handler. See https://github.com/facebook/react-native/issues/21436

1reaction

alexandermirzoyancommented, Nov 30, 2021

This helped me https://github.com/gorhom/react-native-bottom-sheet/issues/311#issuecomment-794418413