react-native-vector-icons VS react-native-snap-carousel

Next install the react-native-vector-icons as it's a peer dependency of the library.

react-native-vector-icons is a powerful library that lets you incorporate a variety of icons into your React Native app, boosting design and user experience. You can select icons from popular sets like FontAwesome, Material Icons, Ionicons, and many more. Explore available icons here.

I got this error when I was importing from a library such as react-native-vector-icons:

React Native Vector Icons

I don't even remember where I downloaded Feather.tff but the codepoints are different from this one and this one. But maybe you have the same font I do installed? Does fc-match ':family=Feather' show a result?

I tried 'RNVectorIcons' package in my react native project using the following link react-native-vector-icons.I used pod install command in my terminal.But I got the following error in my terminal window.

React native autolink not working for react native vector icons. I fixed this into android with this https://github.com/oblador/react-native-vector-icons/issues/1035

Tip: although I used a Text component to make the X button, I strongly recommend you to use an icon instead. A very good library for that purpose is React Native Vector Icons

Also thanks to oblador for making the library and the original directory, I use(d) it pretty much every day!

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.