Advanced React Native Parallax Carousel with FlatList and Animated API

[@diwakarprasad1744]

I totally amazed, such high quality content for free

[@CatalinMironDev]

I’m glad you like it. Thanks Diwakar ✌️

[@fouadmagdy3301]

I am still beginner but iam really happy when i watch your videos Much love

[@kolyunchikable]

Thanks God, i found your channel! This is the second tutorial that I went through on your channel, it's clear that you did it with love. Thank you Catalin for sharing your knowledge, the opportunity just come in the evening after a hard day and learn from profi is an amazing opportunity!

[@calebcadainoo]

Amazing just built it and it's spot on 👌 I had to add *elevation: 12* to make the shadow appear for Android devices

[@TheCodingOdyssey]

Wow, been working in React for a year now and now have to learn React Native for my job and I just realised your channel has a lot of freakishly good content on React Native. thanks will learn a lot!

[@CatalinMironDev]

Wow, I’m honored to hear this. Thanks a lot ✌️

[@TheCodingOdyssey]

@@CatalinMironDev 100% keep up the good work. I will recommend the channel to anyone I hear trying to learn react native.

[@DevendraYadav-sf6ry]

Your content needs no special cameras or anything. The quality of content is enough to bind people all along. Hope , you get much more subscribers and attention which you thoroughly deserve.

[@CatalinMironDev]

Thanks a lot Devendra, yet I'm using a ~2000$ equipment to record my face (1100$ camera, 400$ lens and 100$ lights, $150 camlink :)

[@usamaali736]

an absolute treasure, this channel!

[@CatalinMironDev]

Thanks Usama, I’m glad you like the videos✌️

[@abdullahfarooqui2479]

Omg this is the coolest thing I've seen for a very long time

[@elsecoding8691]

I hope the person who disliked the video prolly made a mistake. Such great content.. You really helped me. Thank you 🙏🙏

[@alon77777]

Really liked this walkthrough, it was relatively short and super useful. Thanks!

[@CatalinMironDev]

Thank you Alon, I’m glad I could properly explain it to you ✌️

[@ninojoy6468]

Could you please do a tutorial series for Animated API ? Since I dont know Animated API, I cant understand many concepts in most of your videos. BTW, nice work on your videos. Love them!

[@CatalinMironDev]

Great suggestion! Also, all my videos are using Animated API. Anything that you're looking for in particular? Thanks Nino ✌️

[@aytekin3983]

+1

[@ognenbendevski7560]

+1

[@ninojoy6468]

@@CatalinMironDev What I meant was a tutorial series where you could teach us the basics of Animated API and its working. Like a beginners tutorial. Some concepts in Animated API are difficult to be understood from Documentation.

[@shashikaxp1]

this is a good idea

[@youssefali6014]

i really like the change in the tutorial's intro nice great job as always !

[@CatalinMironDev]

Glad you like it! Thanks Youssef! ✌️

[@youssefali6014]

@@CatalinMironDev i like it as all of your tutorials , correct me if i am wrong but i do feel so positive energy from this tutorial you seem pretty happy and i am happy for you as well :)

[@aryanyadav3821]

I’d been looking all over KZbin for some nice scroll animations for mobile dev but all I got was for desktop and then I came across your channel- subscribed immediately with notifications on. Can’t appreciate what you do enough man! 🙏

[@mdnuruddin6310]

You are very awesome... Your Tutorial is very helpful and funny... take a love bro 💕💕💕

[@luispaulo5714]

Nice effect man! Thanks for always give us new ideas! The new angle and lens look good

[@CatalinMironDev]

Glad you like them! Thanks Luis! ✌️

[@jinyoucheng8114]

Really awesome !!!!!!!! It couldn't be better than this. Very love it.

[@tusharraj9785]

You are magician man Full support Keep it up :) :) :) :) :)

[@CatalinMironDev]

Thanks a lot Tushar, it means a lot to me ✌️

[@hadiyakhni4282]

Absolutely no words to describe your videos 🔥🔥 Thanks for the awesome content Catalin ❤

[@CatalinMironDev]

Glad you enjoy it! Thanks for leaving your feedback and showing your support Hadi ✌️

[@riooasbr]

Awesome tutorial... i reccomend this one.

[@lotfikamel5947]

Your content is amazing

[@ppsdeveloper9448]

thank you I'am Student from Thailand 🙏

[@CatalinMironDev]

Keep it up and you're very welcome ✌️

[@lappliHourReactNative]

Awseome as usual 😍

[@webdesigninspire1372]

Sir your are creating Great animation

[@CatalinMironDev]

I’m glad you like them, cheers Rohit ✌️

[@RaviKiranMakala]

You're always simple and awesome ❤️

[@CatalinMironDev]

Wow, thanks Ravi ✌️

[@doniaelfouly4142]

Great tutorial, thanks

[@power-up-dev]

Thanks, man for giving us such good quality animation video on react native, I really love this.

[@CatalinMironDev]

Glad you liked it! Thanks! ✌️

[@vvssangeeth]

Awesome as always. Really simple to understand.

[@CatalinMironDev]

I'm glad you liked it Sangeeth! ✌️

[@techienomadiso8970]

Happy New Year!

[@CatalinMironDev]

Happy new year Francis!

[@nguyentruongduy8357]

I love this channel 😍, i can study for free 🤟 🤟 🤟 🤟

[@ionescugabriel4342]

Thank you for the video!

[@oguzhanturker8903]

amazing setup amazing video

[@CatalinMironDev]

Glad you think so! Thanks for sharing your feedback Oğuzhan ✌️

[@-leovinci]

I am using this nice effect in my project

[@marklude]

I like this guy . I like the fun and amazing content. Thank you Catalin.

[@freddyescobar9029]

awesome tutorial

[@ycdcherokee]

This guy is a genious

[@techienomadiso8970]

You are good in this wow!

[@CatalinMironDev]

Thanks Francis ✌️

[@AkshatKumawat]

So clean ! And your explaination is very good ❤

[@CatalinMironDev]

Thanks Akshat, I'm glad you liked it! ✌️

[@davidasiamah2898]

I really love your content, I wish U all the best in Ur endeavors.

[@CatalinMironDev]

Thank you so much! Cheers David! ✌️

[@LevelUp3646]

Nice video bro..., keep growing

[@prasant8397]

You are awsome bro and 100 times better than william candolen.

[@PraveenKumar-jf7bu]

We enjoyed your video brother 👍😁😁☺️☺️☺️

[@CatalinMironDev]

Big thanks Praveen ✌️

[@SochetraNOV]

Great Video as normal brader 🥳

[@CatalinMironDev]

Thank you Sochetra, I’m glad you find them useful ✌️

[@lotustar]

Amazing, goog job 💯

[@CatalinMironDev]

Thank you! Cheers Nguyen! ✌️

[@mirzairshad4063]

Pretty Awesome video and camera

[@CatalinMironDev]

Thank you Mirza ✌️I'm glad its better than it was previously!

[@kasraafshari4293]

Fantastic bro! really appreciate it. thanks dear Catalin:)

[@CatalinMironDev]

My pleasure! Thank you Kasra ✌️

[@jcpaesf]

Amazing. Thanks alot for your videos.

[@CatalinMironDev]

Glad you like them! My pleasure Julio! ✌️

[@vitorrazdorov6017]

Thanks man for your job and imagination xD

[@CatalinMironDev]

😁 thanks you Victor! ✌️

[@TemitopeJoshua10]

You are a magician, can you make a video to start to React native Animation from scratch for the beginners

[@alisherrahimov3994]

best animation

[@CatalinMironDev]

Wow, thank you ✌️

[@bedirhanaygul805]

Always great content you are awesome 👏👏👏

[@CatalinMironDev]

Thank you so much 😀 Cheers Bedirhan ✌️

[@oa8410]

Thanks dude for your tutorials, can we use it in our apps?

[@idirtalem3146]

Thank you for this great content and please keep up 👏👏

[@CatalinMironDev]

Thank you! Will do! Cheers Idir ✌️

[@vishwajeetraj11]

This is just amazing

[@CatalinMironDev]

Thank you Vishawajeet, I'm glad you like it! ✌️

[@shivashankar6043]

From India😄

[@ENGCT_MohithB]

Your videos are amazing... I have a dought to ask with you, My dought is:- Can we build android system launcher app in react native? If yes then how??

[@CatalinMironDev]

I am not sure about it, I haven't done anything like this previously.

[@ENGCT_MohithB]

@@CatalinMironDev Thank you for your reply

[@leonelkahameni5315]

Nice! Thanks

[@CatalinMironDev]

You're welcome Leonel! ✌️

[@adedayo4405]

your Biggest Fan. I Love the looks too.

[@CatalinMironDev]

Thank you, appreciate it Ade ✌️

[@maykelmatheusdias3446]

Guy u is amazing!

[@CatalinMironDev]

Thanks Maykel, I glad you like it ✌️

[@shawwalmuhammad]

I really like this tutorial, keep it up ! Very nice lens, by the way what do you use for microphone ?

[@CatalinMironDev]

Hi Shawwal, first of all thank you so much! About the microphone, I'm using Blue Yeti microphone. Thanks ✌️

[@shawwalmuhammad]

@@CatalinMironDev it's my pleasure, thanks a lot for the information

[@kalanaramesh5911]

Superb❤️

[@aramb2917]

thank you a lot your video is so cool :)

[@pradeepsaravanan4348]

Awesome contents ❤️

[@CatalinMironDev]

Thank you so much Pradeep ✌️

[@AlbertEmil-g8n]

Excellent

[@CatalinMironDev]

Thank you! Cheers!

[@codewithdipeshrai]

Thank u for this tutorial... And i also have one question .... i couldnt figure out how can i achieve bottom sheet animation like dragging panresponder to scrolling scrollview with single panning ... can you help me how this can be done ?

[@dedenramdani7551]

its magic,, u r wizard

[@CatalinMironDev]

Thank you Deden 🧙‍♂️ ✌️

[@dedenramdani7551]

@@CatalinMironDev sory for ask to much can you make this auto play that like a carousel 😎😎

[@abdelmohamed5191]

hello,How to consume api data in the scrollview position, it is updated in the current position, in react native

[@sbaiahmed1]

Hello Catalin, Thanks for the video but does it work the same way for the vertical ones ? it seems not to work as I tried

[@learnanywhere139]

I have an animation that is quite difficult for me, can you guide?

[@gregoryfortune8863]

Woah! nice Bro

[@CatalinMironDev]

Thank you Gregory ✌️

[@jesusreynagardriguez8865]

What theme are you using for Visual Code?

[@sairajkalkundre2183]

which font are you using for vscode?

[@MedRedha93]

You're the best ! #BigFan ❤️

[@CatalinMironDev]

Thanks a lot for showing your support Med! ✌️

[@heightstechnology8163]

can we add videos beside image

[@anastely6144]

Great Video as usual Catalin, And nice Lens 👌, btw, what's your keyboard name :D?

[@CatalinMironDev]

Thank you Anas! I'm using Apple Magic Keyboard :) ✌️

[@vravenz]

I really love your work, can you please show me how to import images and avatar locally ? I mean without importing images from url

[@membuchibuzormembu7064]

I figured this out is you're still interested. Keep everything the same as the tutorial, In your array, wrap your images from your project with require("image path"), And then in your image source, Apparently there is a different format for uri and local images.

[@dibayuin7859]

why item height using width from dimensions instead height from dimension (?) thank you

[@CatalinMironDev]

The main reason is because I don't want to make the slide the height of the screen. Thanks ✌️

[@RashinHairCare]

Awsome.... 😀😀😀😀

[@CatalinMironDev]

Great, I am glad you liked it! ✌️

[@membuchibuzormembu7064]

Lovely tutorial, but I can't get my project images to show. Why is that ?

[@membuchibuzormembu7064]

Finally figured it out. For anyone who ever has this same issue, image source has a separate format for when you use uri or when you get your image from your project. Basically source={{uri : item.photo}}. For local Source={item.photo}. Make sure to wrap your image in require("image location"). You're welcome.

[@principe.borodin]

Fantastic. I know where I will apply this effect.

[@CatalinMironDev]

Go for it and share the result with me, I'd love to see it. Tag me on Twitter: @mironcatalin. Thanks Igor ✌️

[@principe.borodin]

@@CatalinMironDev yes, sure.

[@ajithkumar-iu4vk]

Hey bro your videos is awesome, can u make react native exchange data between devices using Bluetooth

[@Fervillanuevas]

Nice, looks good. Can I translate some of your tutorial to Spanish for my channel?

[@CatalinMironDev]

Definitely, that will be awesome. Thanks Fermin ✌️

[@manasvijaywargiya8218]

Hi Catalin, Can we create a table in react native using animation such that, header would be sticky, first and second column would be sticky on scrolling and other customisable ?

[@CatalinMironDev]

It might be possible, I might give it a try tho. Thanks Manas! ✌️

[@septehabudin6849]

Thanks..👍

[@CatalinMironDev]

Thank you too Septe ✌️

[@GamingZone11]

please guide me where do is start to learn animation

[@CatalinMironDev]

I'm going to release multiple courses about animations. I'll let you know when they'll be available. Thanks Zohaib ✌️ Meanwhile, if you'd like to learn more about animations and have access to the source codes and support me, you can become a Patreon: www.patreon.com/bePatron?u=20582060. Thanks in advance!

[@salmansaleem531]

Too much jerk in card when i scroll left to right please help

[@kenzoymc1717]

Can you create a video about progressive loading image in flatlist such as blur until done

[@CatalinMironDev]

Unfortunately this is not a mobile feature, instead is more like a backend scenario. The technique is called blurhash: github.com/woltapp/blurhash. This can’t be done directly on the mobile side without getting image header signature. I’ll learn more, maybe there’s a solution. Thanks Kenzie ✌️

[@CatalinMironDev]

I mean you need to have the blurred image as small sized image and you’ll morph to the big one once it was loaded.

[@kenzoymc1717]

@@CatalinMironDev thank you , i ll try it

[@blackmayb3]

bravo

[@saalimkhan4133]

Dope

[@I-MM-O-R-T-A-L]

Why images dont show up..

[@akankshasharma7498]

I love React

[@CatalinMironDev]

❤️

[@henriquebarros8303]

Amazin!!!

[@CatalinMironDev]

I'm glad you liked it! Thanks Henrique ✌️

[@SoccerSavvy21]

Hello Catalin Miron, I have a question, I joined Patreon and buy a Patreon course from you on November 19th, for monthly payments. But before the deadline, Patreon is asking me to pay again before the deadline. Do you know the reason why?

[@CatalinMironDev]

Hi Justin, I've already sent you a message over Patreon. This is how Patreon manage subscription and this is a monthly payment. Thanks for supporting me! ✌️

[@thuanhoangnhat2350]

Nice

[@CatalinMironDev]

Thank you Thuan ✌️

[@abdulwahabaslam7050]

Can you please make a tutorial on how to make custom parallax sticky header with tab-section-list

[@abdulwahabaslam7050]

you can check foodpanda mob app to better understand

[@CatalinMironDev]

That's a great suggestion. Could you please share a recording with me so I know exactly what you're talking about? Thanks Abdul! ✌️

[@abdulwahabaslam7050]

@@CatalinMironDev okay check your inbox

[@navodadesilva99]

This is awesome ♥ ♥ ♥ ♥ ♥ 🔥 🔥 🔥 🔥 🔥 🔥 🔥

[@ragunathanm6787]

🤩🤩

[@CatalinMironDev]

✌️

[@guvenkaranfil]

Is this working 60 fps on low android devices? Why you don't use reanimated. I heard it's perfermonce better. I'd really like to learn why choose Animated. API. Thanks

[@CatalinMironDev]

Yes, this is working at 60fps because we’re using the native driver. Cheers Guven ✌️

[@guvenkaranfil]

@@CatalinMironDev Thank you for quick response. Could you explain us how animation communicate with native side. Because I'm not sure but Javascript thread can be problem with Animated API. I really would love to know more detail. Thank you again for great job

[@CatalinMironDev]

It’s not only an Animated API problem, this can happen to other libraries as well. Performance bottlenecks comes from overwhelming the JS thread, blocking the loop and sending too much information to the UI thread over the bridge.

[@First.Last.99]

U think this can work on Androids?

[@bharathmn1332]

Super bro, how to plan design like this

[@CatalinMironDev]

I don’t know to be honest but I’m glad you like them ✌️

[@bharathmn1332]

@@CatalinMironDev how to do the favourite (heart animation ) product animation in flatlist for individual products

[@Marshal-786]

plz make tutorials on react native cli

[@CatalinMironDev]

The code should work both ways, expo is react-native cli on steroids. Thanks Bilal ✌️