exoflex: carousel

[oshimayoan]

Discussion for Multi-platform Carousel component.

[nathaniaelvina]

The question is, how much flexibility do we want to give the user to customize the carousel?

Props	react-native-web-swiper	react-native-sideswipe	react-native-snap-carousel
supports mobile & web	✓	mobile only	mobile only
content offset	-	✓	✓
slide vertical & horizontal	✓	✓	✓
button prev & next	✓	-	-
able to move page indicator to flexible position	only inside positioning	-	-
snap	TBA	TBA	TBA

Positioning should able to fullfil this condition, i guess?

[oshimayoan]

Woah, that table and image are really helpful!

From the table above, I would like to vote for react-native-web-swiper. But, is that - symbol means not supported?

If yes, it's completely a win for react-native-web-swiper, don't you think?
They have support for web, prev & next button, and flexible page indicator (even though it's only for the inside position). Indeed, they do not have content offset supports yet, but is that really needed?

[nathaniaelvina]

But, is that - symbol means not supported?

yes, - means not supported.

and flexible page indicator (even though it's only for the inside position).

or we build our own pagination.

Indeed, they do not have content offset supports yet, but is that really needed?

i think so (?)

[oshimayoan]

Yeah, we could make use of their onIndexChanged prop to build our own pagination.

[oshimayoan]

After internal discussion, we made a conclusion to build this from scratch.

The feature will be:

• Looping but without transition
• Snapable on mobile (both native and web)
• Clickable dot pagination on desktop web
• Able to change arrow styling and position
• No offset for now
• Expose Animated.Value>
• Receive dot pagination as component from props