react-native-fast-image VS react-native-snap-carousel

Hey there, thanks for checking it out. I am using a Realm local db for persistence, PostgressSQL for server. But the caching for images is handled by Fast Image (https://github.com/DylanVann/react-native-fast-image)

Sounds like react-native-fast-image is what you're looking for but you can't use it with expo go.

Yeah man, here you go.

It’s hard to tell without the sample of your code, but a lot of the issues I had in my projects where solved using react-native-fast-image

One of the common performance issues can be due to large image files or a lot of images inside our app. We can optimize those images with the help of an awesome library -react-native-fast-image.

However, you can easily resolve these issues using third-party libraries, like react-native-fast-image. This library is available for both iOS and Android and works really well.

Article Tldr: react-native-fast-image

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.