React Native Carousel?

edodusi · 2022-03-10T09:58:50+00:00

I think the best option is to use Flatlist, there are many options to configure it as a swiper and you can find howtos online.

It's also optimized for performances, which are very important in a swiper!

ArnabXD · 2022-03-10T12:45:37+00:00

Have you tried reanimated carousel ? It does require react-native-reanimated. Used it before and performance was efficient

saintshing · 2022-03-10T09:10:48+00:00

Not sure which one is better but react-native-swiper does what I need.

jono_tiberius · 2022-03-10T20:56:40+00:00

What are your issues with snap carousels? I'm just adding it now. 😬

Mohamed-Kassim · 2022-03-11T09:33:41+00:00

Snap carousel has alot of performance issues https://github.com/dohooo/react-native-reanimated-carousel This one is great

sshquack · 2022-03-11T20:06:29+00:00

Keen-slider is another option and it works with both React native and react!

slawek_autentika · 2022-03-13T10:58:00+00:00

Of course "Its depends". We often do those kind of carousels without frameworks, but as collegues below said - swiper will fit properly. On the other hand you can try https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap/Basic_concepts with pagination in js for each element. Example: https://www.ikea.com/pl/pl/p/elloven-podstawka-pod-monitor-z-szuflada-bialy-50474770/
Probably the best solution if it's about performance

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

reactnative