question-mark
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.

Wrapping carousel within ScrollView, carousel does not render

See original GitHub issue

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 ([]).)

Have you made sure that it wasn’t a React Native bug?

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 in which the issue can be reproduced. Please follow the guidelines 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)

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:4
  • Comments:9

github_iconTop GitHub Comments

1reaction
lucastononcommented, Dec 5, 2019

Any solutions to this? Using flex: 1 did not work for me

0reactions
dohooocommented, Oct 8, 2021

Sorry, please allow me to advertise for my open source library! ~ I think this library react-native-reanimated-carousel will solve your problem. It is a high performance and very simple component, complete with React-Native reanimated 2

Read more comments on GitHub >

github_iconTop Results From Across the Web

Wrapping carousel within ScrollView, carousel does not render
Carousel does not render out within a ScrollView component. Reproducible Demo. (Paste the link to a Snack example in which the issue can...
Read more >
Carousel using a react-native ScrollView Component
Configure scrollview component to work as a carousel.​​ From the above-attached image, you can identify that a carousel will be swiping ...
Read more >
xamarin - ScrollView is not working in CarouselViewControl
If ScrollView is the parent wrapper then it won't work. Wrap it within StackLayout and you should be good.
Read more >
React Native: Carousels with Horizontal Scroll Views
First and foremost, a ScrollView component must be configured to horizontally structure content rather than vertically. By setting the ...
Read more >
Building a Smooth Image Carousel with FlatList in React Native
Below, I'm going to show you how to build an image carousel with React Native's <FlatList /> core component. Users will be able...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found