vue-virtual-scroll-list VS react-native-snap-carousel

How would it work with vue virtual scroll list The library requires a single items array from what I understand, do I have to do anything special to make it work with this library

These popular components allow for quick scrolling through large amounts of data in Vue apps, but do come with a caveat; Vue-virtual-scroller and Vue-virtual-scroll-list don’t deal with dynamic heights unless you hardcode them. If you want to test it out, there is a playground available for Vue Virtual Scroller here.

custom interpolations and layouts

You can use react-native-snap-carousel to create the image slider and use a method given in the package (ex: onSlideFinished) to fade in and out your text/view on the bottom. I haven’t tried any fade in and out packages, I’m sure you can manually animate it. Found this for fading in and out views, give it a try and see.

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)

https://github.com/meliorence/react-native-snap-carousel has something like this for a single item (with the others trailing off to the side)... Not sure about multiple foreground items though.

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

Next is React Native Snap Carousel, this package helps you add a sliding modal like this to mobile components. Now you can find more information about this package here, this is how to implement this package to your app, you will need to use either of these commands in your terminal.