Stack Overflow
Stack Overflow

Questions tagged [react-native-snap-carousel]

66 questions
13
votes
5 answers

react-native-snap-carousel doesn't render properly

Summary of Problem I'm using react-native-snap-carousel and it's not rendering properly. It only renders after being swiped and I need to it render when the screen initially renders. When I have the screen assigned to the initial route of my…
bzlight
  • 1,066
  • 4
  • 17
  • 43
7
votes
3 answers

react native videos in carousel

I have been trying to play single video from a slider containing of multiple videos and images.. What i used and tried is in below. 1. react-native-video, 2. react-native-snap-carousel How to pause and play the videos wrapped in horizontal…
Lucifer_Latif
  • 535
  • 1
  • 6
  • 17
6
votes
0 answers

How to left align the first element and center the rest in 'react-native-snap-carousel'

I am trying to make it so the carousel loads aligned left, but once I start swiping, the items are centered (kind of like the 'Suggested Groups' or 'People You May Know' carousels on facebook). So far I got the carousel, but everything is left…
Stas Baranovskiy
  • 61
  • 2
6
votes
3 answers

React Native Snap Carousel - First Item

I am trying to get my React Snap Carousel to load on the desired index. Currently when the carousel loads it loads the first index instead of the one I tell it to with FirstItem. When I refresh the screen or save in my code editor the carousel snaps…
Ryan113
  • 676
  • 1
  • 10
  • 27
4
votes
0 answers

Item vertical scroll interferes with carousel horizontal scroll (Android only)

I have a carousel (using react-native-snap-carousel) where each item is a card that has a title and a WebView. On Android, when attempting to scroll the web page loaded in the webview, the gesture handler of the Carousel gets fired first most of the…
dudeinthemirror
  • 537
  • 4
  • 15
4
votes
3 answers

How to show 2 items in one pagination of react native snap carousel

How to dispaly 2 items for one pagination(first dot) and if we swipe then next 2 items should display with showing second dot active. And if it is odd then last item should display my own component in react native snap carousel.
Akhil Amarneni
  • 71
  • 1
  • 2
  • 6
4
votes
1 answer

I have a modal that works when visible is set to true on load, however if it is set to false or I close and reopen it doesn't work on android

I have an information carousel in a modal. On Ios it loads perfectly and can be opened and closed. On Android it opens perfectly if the initial state is set to true, but when it is closed and reopened the modal fades in slowly and the carousel is…
Ryan Chartres
  • 41
  • 5
3
votes
1 answer

How to right align carousel using react-native-snap-carousel?

I am trying to align the end of the carousel to the right. This is how I defined the Carousel:
Nelson Sousa
  • 497
  • 6
  • 14
3
votes
0 answers

react-native-video player goes in buffer mode and taking long time to laod video. I am using snap carousel library

I am using react-native-video with react-native-snap-carousel because I want to show full screen video with vertical scroll like tik-tok. Sometimes videos goes in buffer mode and taking very long time to load video and sometimes it is not loading…
Amit Tiwary
  • 71
  • 1
  • 1
  • 3
3
votes
0 answers

react-native-snap-carousel stack layout active different on iOS and Android

I am using react-native-snap-carousel stack layout, they behavior are opposite.When view rendered , on iOS there are two items under first item; on Android, however , no item snapshot under index 0 item. Is there any property to set them behavior…
Haoyuan Tan
  • 31
  • 1
3
votes
2 answers

How to solve blink image in react-native-snap-carousel?

How to solve blink image when back to first item in react-native-snap-carousel ? I try to look for many examples but fail all. This is my script : renderSlider ({item, index}) { return (
Frank Andrew
  • 787
  • 3
  • 17
  • 28
3
votes
1 answer

React-Native-snap-carousel check condition with state value?

I'm working on react native app. For slider part I put "Snap carousel" plugin. My slider is showing multiple item. By the time calculate slider item with divide by window width/5. Now I got 5 slider item on display. The problem is, I need to show…
vijayaganth
  • 179
  • 2
  • 14
2
votes
1 answer

Using Components in a Carousel

I am trying to implement a carousel in such that each item is a component in a separate file. For example... I have Welcome.js, Welcome1.js, and Welcome2.js. I would like to be able to swipe between each of those components. I have provided a snack…
MouseWarrior
  • 391
  • 4
  • 19
2
votes
3 answers

React native 0.69.1 I am facing issue 'deprecated-react-native-prop-types'

Error: deprecated-react-native-prop-types "react-native": "0.69.1",---- this error comes only in the latest version of react-native I am facing this issues when I installed any of this…
deepanshu katyal
  • 631
  • 1
  • 8
  • 18
2
votes
0 answers

Issue with manual scrolling horizontally on react-native-snap-carousel in android

I am using react-native-snap-carousel for showing the banners. It is working fine in iOS for both manual scroll as well as autoscroll after interval, but in android while scrolling it manually, facing two issues. For some devices, specifically…
christo-pher18
  • 145
  • 1
  • 14
1
2 3 4 5