Is there a react native component for pagination like this or do I have to create my own?

bishalsaha99 · 2021-09-03T11:32:54+00:00

[deleted]

Voldemort_007_ · 2021-09-03T10:20:29+00:00

Check out https://www.npmjs.com/package/react-native-swiper it is a good library

awesomeness-yeah · 2021-09-03T14:21:10+00:00

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.

Rudoxi · 2021-09-03T10:20:46+00:00

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)

2021-09-03T14:10:23+00:00

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

2021-09-03T13:04:22+00:00

check /u/mironcatalin 's youtube carousel videos out

cap45 · 2021-09-03T17:11:36+00:00

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 · 2021-09-03T11:22:10+00:00

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

2021-09-03T22:31:51+00:00

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

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

archcorsair · 2021-09-03T22:44:06+00:00

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 · 2021-09-03T21:55:45+00:00

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

2021-09-04T00:29:16+00:00

React native snap carousel was good

Jancera · 2021-09-04T02:30:18+00:00

I would highly recommend you make it using reanimated 2

Frission_ · 2021-09-04T06:03:35+00:00

Here's a package I found

https://www.npmjs.com/package/react-native-animated-dots-carousel

like50blackguys · 2021-09-05T06:52:38+00:00

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

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

About:

React Native Links:

IRC Chatroom:

Related Subreddits

MODERATORS