dohooo / react-native-reanimated-carousel

🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)
https://react-native-reanimated-carousel.vercel.app
MIT License
2.84k stars 328 forks source link

[Feature Request] "Tutorial/scroll-bouncing" animation #283

Open BrodaNoel opened 2 years ago

BrodaNoel commented 2 years ago

Is your feature request related to a problem? Please describe. No. It's just an idea. I had implemented the Parallax mode, but, some users can't see that there is another card on the right... Because the carousel is on top of a map, so, there is a lot of color-noices behind, and the little part of the next items gets lost in the noice. Have you seen that some times, some apps, when there is something to scroll (horizontal, mainly), they "play" an animation simulating an horizontal scroll, like telling the user: "Hey, look at this... there is more on the right... swipe it to the left so you can see more... ITS A CAROUSEL MY FRIEND! PLAY WITH IT!".

Well... I have no idea if there is a way to do it. (like a bouncing scroll).

Describe the solution you'd like The bouncing scroll telling the user "there is more there). Maybe we could use it like:

if (firstTimeInTheApp) {
  carousel.bounce();
}

Describe alternatives you've considered It is kind of simple if the mode is default, because you could just animate the bouncing in the whole carousel parent container. But if you have a Parallax, you'll lose the animation of the size change in the next item.

Additional context I haven't sleep well last night.

dohooo commented 2 years ago

It looks interesting, maybe this will cause better UX.