Wrapping carousel within ScrollView, carousel does not render
See original GitHub issueIs 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 ([]
).)
- 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?
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.)
- Create a ScrollView wrapping the carousel
- debug on physical devices
- carousel does not show at all (if component contains sub-component other than carousel, those components still render out)
Issue Analytics
- State:
- Created 4 years ago
- Reactions:4
- Comments:9
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Any solutions to this? Using flex: 1 did not work for me
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