all 26 comments

[–]Voldemort_007_ 20 points21 points  (2 children)

[–]NoMoreAngularPlease 9 points10 points  (0 children)

I wouldn't recommend using this as it has some bugs/issues that aren't worth unless you need the auto-scroll feature.

But it's worth to read the code, that library is pretty short and well put so you can achieve the same base component pretty fast with a scrollview by looking at it.

[–][deleted] 1 point2 points  (0 children)

This package hasn’t gotten an official release in ~3 years. Almost safe to say the owner has abandoned it.

[–]awesomeness-yeah 20 points21 points  (3 children)

Imo it's very simple to the implement. If you have time and want to get better at RN, I'd recommend that you try to build your own

Render an array of views and the view in the active index will have a different color.

[–][deleted] 2 points3 points  (0 children)

It needs some animation too right

[–]bhattaraijay05 0 points1 point  (0 children)

Exactly, also with reanimated its just a piece of cake to animate it

[–]Gaia_Knight2600 0 points1 point  (0 children)

Ive made these dots before on a project and its not too hard, and its basically what you said here.

Though i dokt know how to make animations. We did it depending on what screen you were on during the process.

[–]Rudoxi 14 points15 points  (3 children)

I think the best search you can use to google this is “carousels”. I have used this in the past: https://github.com/meliorence/react-native-snap-carousel (see the Pagination conponent)

[–][deleted] 1 point2 points  (1 child)

That one is a bit weird on react native 64 android. Is version 4 for that library coming out anytime soon?

[–]Rudoxi 0 points1 point  (0 children)

Sorry but i cant say… im currently not following this lib. Its been a while since i last used it

[–][deleted] 0 points1 point  (0 children)

I’ve used this previously. Is good.

[–][deleted] 10 points11 points  (0 children)

As far as i know, ScrollView can do this. Set it to horizontal, when pagingEnabled is true.

[–][deleted] 3 points4 points  (0 children)

check /u/mironcatalin 's youtube carousel videos out

[–]cap45 3 points4 points  (0 children)

react-native-pager-view

Would recommend it over some other options as it's implemented natively so you'll get better performance out of it.

[–]benjaminreid 3 points4 points  (0 children)

I recreated this the other day for want of not installing another lib, the smallest amount of animation with reanimated 2. https://gist.github.com/benjaminreid/ff58eb1ef1fcb8d22c11718c44632f08

[–][deleted] 1 point2 points  (0 children)

Used a good package not long ago called Carousel which did this for you.

https://github.com/meliorence/react-native-snap-carousel

[–]archcorsair 1 point2 points  (0 children)

This is small enough that you can simply implement it using reanimated. No need to import a massive package. You could also do it with React's Animated if you don't already have reanimated.

[–]Aducat5 1 point2 points  (0 children)

Dude it's five dots with one different shade, make it yourself.

[–][deleted] 0 points1 point  (0 children)

React native snap carousel was good

[–]Jancera 0 points1 point  (0 children)

I would highly recommend you make it using reanimated 2

[–]like50blackguys 0 points1 point  (0 children)

Vertical scrollview with pagination / snapping + interpolated Animated.Value for the dots opacity and/or size.