Тёмный

Advanced React Native Parallax Carousel with FlatList and Animated API 

Catalin Miron
Подписаться 32 тыс.
Просмотров 34 тыс.
50% 1

Опубликовано:

 

22 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 199   
@diwakarprasad1744
@diwakarprasad1744 3 года назад
I totally amazed, such high quality content for free
@CatalinMironDev
@CatalinMironDev 3 года назад
I’m glad you like it. Thanks Diwakar ✌️
@fouadmagdy3301
@fouadmagdy3301 3 года назад
I am still beginner but iam really happy when i watch your videos Much love
@kolyunchikable
@kolyunchikable 10 месяцев назад
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
@calebcadainoo 2 года назад
Amazing just built it and it's spot on 👌 I had to add *elevation: 12* to make the shadow appear for Android devices
@alon77777
@alon77777 3 года назад
Really liked this walkthrough, it was relatively short and super useful. Thanks!
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you Alon, I’m glad I could properly explain it to you ✌️
@abdullahfarooqui2479
@abdullahfarooqui2479 2 года назад
Omg this is the coolest thing I've seen for a very long time
@TheCodingOdyssey
@TheCodingOdyssey 3 года назад
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
@CatalinMironDev 3 года назад
Wow, I’m honored to hear this. Thanks a lot ✌️
@TheCodingOdyssey
@TheCodingOdyssey 3 года назад
@@CatalinMironDev 100% keep up the good work. I will recommend the channel to anyone I hear trying to learn react native.
@usamaali736
@usamaali736 3 года назад
an absolute treasure, this channel!
@CatalinMironDev
@CatalinMironDev 3 года назад
Thanks Usama, I’m glad you like the videos✌️
@youssefali6014
@youssefali6014 3 года назад
i really like the change in the tutorial's intro nice great job as always !
@CatalinMironDev
@CatalinMironDev 3 года назад
Glad you like it! Thanks Youssef! ✌️
@youssefali6014
@youssefali6014 3 года назад
@@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 :)
@luispaulo5714
@luispaulo5714 3 года назад
Nice effect man! Thanks for always give us new ideas! The new angle and lens look good
@CatalinMironDev
@CatalinMironDev 3 года назад
Glad you like them! Thanks Luis! ✌️
@DevendraYadav-sf6ry
@DevendraYadav-sf6ry 2 года назад
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
@CatalinMironDev 2 года назад
Thanks a lot Devendra, yet I'm using a ~2000$ equipment to record my face (1100$ camera, 400$ lens and 100$ lights, $150 camlink :)
@jinyoucheng8114
@jinyoucheng8114 3 года назад
Really awesome !!!!!!!! It couldn't be better than this. Very love it.
@ninojoy6468
@ninojoy6468 3 года назад
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
@CatalinMironDev 3 года назад
Great suggestion! Also, all my videos are using Animated API. Anything that you're looking for in particular? Thanks Nino ✌️
@aytekin3983
@aytekin3983 3 года назад
+1
@ognenbendevski7560
@ognenbendevski7560 3 года назад
+1
@ninojoy6468
@ninojoy6468 3 года назад
@@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
@shashikaxp1 3 года назад
this is a good idea
@hadiyakhni4282
@hadiyakhni4282 3 года назад
Absolutely no words to describe your videos 🔥🔥 Thanks for the awesome content Catalin ❤
@CatalinMironDev
@CatalinMironDev 3 года назад
Glad you enjoy it! Thanks for leaving your feedback and showing your support Hadi ✌️
@elsecoding8691
@elsecoding8691 3 года назад
I hope the person who disliked the video prolly made a mistake. Such great content.. You really helped me. Thank you 🙏🙏
@tusharraj9785
@tusharraj9785 3 года назад
You are magician man Full support Keep it up :) :) :) :) :)
@CatalinMironDev
@CatalinMironDev 3 года назад
Thanks a lot Tushar, it means a lot to me ✌️
@RaviKiranMakala
@RaviKiranMakala 3 года назад
You're always simple and awesome ❤️
@CatalinMironDev
@CatalinMironDev 3 года назад
Wow, thanks Ravi ✌️
@vvssangeeth
@vvssangeeth 3 года назад
Awesome as always. Really simple to understand.
@CatalinMironDev
@CatalinMironDev 3 года назад
I'm glad you liked it Sangeeth! ✌️
@aryanyadav3821
@aryanyadav3821 Год назад
I’d been looking all over RU-vid 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! 🙏
@power-up-dev
@power-up-dev 3 года назад
Thanks, man for giving us such good quality animation video on react native, I really love this.
@CatalinMironDev
@CatalinMironDev 3 года назад
Glad you liked it! Thanks! ✌️
@mdnuruddin6310
@mdnuruddin6310 2 года назад
You are very awesome... Your Tutorial is very helpful and funny... take a love bro 💕💕💕
@riooasbr
@riooasbr Год назад
Awesome tutorial... i reccomend this one.
@webdesigninspire1372
@webdesigninspire1372 3 года назад
Sir your are creating Great animation
@CatalinMironDev
@CatalinMironDev 3 года назад
I’m glad you like them, cheers Rohit ✌️
@AkshatKumawat
@AkshatKumawat 3 года назад
So clean ! And your explaination is very good ❤
@CatalinMironDev
@CatalinMironDev 3 года назад
Thanks Akshat, I'm glad you liked it! ✌️
@techienomadiso8970
@techienomadiso8970 3 года назад
Happy New Year!
@CatalinMironDev
@CatalinMironDev 3 года назад
Happy new year Francis!
@ppsdeveloper9448
@ppsdeveloper9448 3 года назад
thank you I'am Student from Thailand 🙏
@CatalinMironDev
@CatalinMironDev 3 года назад
Keep it up and you're very welcome ✌️
@marklude
@marklude 3 года назад
I like this guy . I like the fun and amazing content. Thank you Catalin.
@davidasiamah2898
@davidasiamah2898 3 года назад
I really love your content, I wish U all the best in Ur endeavors.
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you so much! Cheers David! ✌️
@lotfikamel5947
@lotfikamel5947 2 года назад
Your content is amazing
@kasraafshari4293
@kasraafshari4293 3 года назад
Fantastic bro! really appreciate it. thanks dear Catalin:)
@CatalinMironDev
@CatalinMironDev 3 года назад
My pleasure! Thank you Kasra ✌️
@doniaelfouly4142
@doniaelfouly4142 Год назад
Great tutorial, thanks
@-leovinci
@-leovinci 2 года назад
I am using this nice effect in my project
@ionescugabriel4342
@ionescugabriel4342 3 года назад
Thank you for the video!
@jcpaesf
@jcpaesf 3 года назад
Amazing. Thanks alot for your videos.
@CatalinMironDev
@CatalinMironDev 3 года назад
Glad you like them! My pleasure Julio! ✌️
@vitorrazdorov6017
@vitorrazdorov6017 3 года назад
Thanks man for your job and imagination xD
@CatalinMironDev
@CatalinMironDev 3 года назад
😁 thanks you Victor! ✌️
@techienomadiso8970
@techienomadiso8970 3 года назад
You are good in this wow!
@CatalinMironDev
@CatalinMironDev 3 года назад
Thanks Francis ✌️
@bedirhanaygul805
@bedirhanaygul805 3 года назад
Always great content you are awesome 👏👏👏
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you so much 😀 Cheers Bedirhan ✌️
@nguyentruongduy8357
@nguyentruongduy8357 3 года назад
I love this channel 😍, i can study for free 🤟 🤟 🤟 🤟
@LevelUp3646
@LevelUp3646 2 года назад
Nice video bro..., keep growing
@PraveenKumar-jf7bu
@PraveenKumar-jf7bu 3 года назад
We enjoyed your video brother 👍😁😁☺️☺️☺️
@CatalinMironDev
@CatalinMironDev 3 года назад
Big thanks Praveen ✌️
@mirzairshad4063
@mirzairshad4063 3 года назад
Pretty Awesome video and camera
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you Mirza ✌️I'm glad its better than it was previously!
@oguzhanturker8903
@oguzhanturker8903 3 года назад
amazing setup amazing video
@CatalinMironDev
@CatalinMironDev 3 года назад
Glad you think so! Thanks for sharing your feedback Oğuzhan ✌️
@idirtalem3146
@idirtalem3146 3 года назад
Thank you for this great content and please keep up 👏👏
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you! Will do! Cheers Idir ✌️
@shawwalmuhammad
@shawwalmuhammad 3 года назад
I really like this tutorial, keep it up ! Very nice lens, by the way what do you use for microphone ?
@CatalinMironDev
@CatalinMironDev 3 года назад
Hi Shawwal, first of all thank you so much! About the microphone, I'm using Blue Yeti microphone. Thanks ✌️
@shawwalmuhammad
@shawwalmuhammad 3 года назад
@@CatalinMironDev it's my pleasure, thanks a lot for the information
@lappliHourReactNative
@lappliHourReactNative 3 года назад
Awseome as usual 😍
@freddyescobar9029
@freddyescobar9029 3 года назад
awesome tutorial
@oa8410
@oa8410 3 года назад
Thanks dude for your tutorials, can we use it in our apps?
@prasant8397
@prasant8397 3 года назад
You are awsome bro and 100 times better than william candolen.
@adedayo4405
@adedayo4405 3 года назад
your Biggest Fan. I Love the looks too.
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you, appreciate it Ade ✌️
@TemitopeJoshua10
@TemitopeJoshua10 2 года назад
You are a magician, can you make a video to start to React native Animation from scratch for the beginners
@sbaiahmed1
@sbaiahmed1 2 года назад
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
@SochetraNOV
@SochetraNOV 3 года назад
Great Video as normal brader 🥳
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you Sochetra, I’m glad you find them useful ✌️
@lotustar
@lotustar 3 года назад
Amazing, goog job 💯
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you! Cheers Nguyen! ✌️
@ycdcherokee
@ycdcherokee 2 года назад
This guy is a genious
@aramb2917
@aramb2917 3 года назад
thank you a lot your video is so cool :)
@jesusreynagardriguez8865
@jesusreynagardriguez8865 3 года назад
What theme are you using for Visual Code?
@sairajkalkundre2183
@sairajkalkundre2183 3 года назад
which font are you using for vscode?
@vishwajeetraj11
@vishwajeetraj11 3 года назад
This is just amazing
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you Vishawajeet, I'm glad you like it! ✌️
@abdelmohamed5191
@abdelmohamed5191 3 года назад
hello,How to consume api data in the scrollview position, it is updated in the current position, in react native
@pradeepsaravanan4348
@pradeepsaravanan4348 3 года назад
Awesome contents ❤️
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you so much Pradeep ✌️
@leonelkahameni5315
@leonelkahameni5315 3 года назад
Nice! Thanks
@CatalinMironDev
@CatalinMironDev 3 года назад
You're welcome Leonel! ✌️
@SoccerSavvy21
@SoccerSavvy21 3 года назад
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
@CatalinMironDev 3 года назад
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! ✌️
@maykelmatheusdias3446
@maykelmatheusdias3446 3 года назад
Guy u is amazing!
@CatalinMironDev
@CatalinMironDev 3 года назад
Thanks Maykel, I glad you like it ✌️
@alisherrahimov3994
@alisherrahimov3994 3 года назад
best animation
@CatalinMironDev
@CatalinMironDev 3 года назад
Wow, thank you ✌️
@dibayuin7859
@dibayuin7859 3 года назад
why item height using width from dimensions instead height from dimension (?) thank you
@CatalinMironDev
@CatalinMironDev 3 года назад
The main reason is because I don't want to make the slide the height of the screen. Thanks ✌️
@kalanaramesh5911
@kalanaramesh5911 3 года назад
Superb❤️
@dedenramdani7551
@dedenramdani7551 3 года назад
its magic,, u r wizard
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you Deden 🧙‍♂️ ✌️
@dedenramdani7551
@dedenramdani7551 3 года назад
@@CatalinMironDev sory for ask to much can you make this auto play that like a carousel 😎😎
@ENGCT_MohithB
@ENGCT_MohithB 3 года назад
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
@CatalinMironDev 3 года назад
I am not sure about it, I haven't done anything like this previously.
@ENGCT_MohithB
@ENGCT_MohithB 3 года назад
@@CatalinMironDev Thank you for your reply
@AlbertEmil-g8n
@AlbertEmil-g8n Месяц назад
Excellent
@CatalinMironDev
@CatalinMironDev Месяц назад
Thank you! Cheers!
@codewithdipeshrai
@codewithdipeshrai 3 года назад
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 ?
@principe.borodin
@principe.borodin 3 года назад
Fantastic. I know where I will apply this effect.
@CatalinMironDev
@CatalinMironDev 3 года назад
Go for it and share the result with me, I'd love to see it. Tag me on Twitter: @mironcatalin. Thanks Igor ✌️
@principe.borodin
@principe.borodin 3 года назад
@@CatalinMironDev yes, sure.
@anastely6144
@anastely6144 3 года назад
Great Video as usual Catalin, And nice Lens 👌, btw, what's your keyboard name :D?
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you Anas! I'm using Apple Magic Keyboard :) ✌️
@vravenz
@vravenz 3 года назад
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
@membuchibuzormembu7064 2 года назад
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.
@gregoryfortune8863
@gregoryfortune8863 3 года назад
Woah! nice Bro
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you Gregory ✌️
@manasvijaywargiya8218
@manasvijaywargiya8218 3 года назад
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
@CatalinMironDev 3 года назад
It might be possible, I might give it a try tho. Thanks Manas! ✌️
@MedRedha93
@MedRedha93 3 года назад
You're the best ! #BigFan ❤️
@CatalinMironDev
@CatalinMironDev 3 года назад
Thanks a lot for showing your support Med! ✌️
@shivashankar6043
@shivashankar6043 3 года назад
From India😄
@I-MM-O-R-T-A-L
@I-MM-O-R-T-A-L 4 месяца назад
Why images dont show up..
@salmansaleem531
@salmansaleem531 2 года назад
Too much jerk in card when i scroll left to right please help
@heightstechnology8163
@heightstechnology8163 3 года назад
can we add videos beside image
@l2l361
@l2l361 3 года назад
Awsome.... 😀😀😀😀
@CatalinMironDev
@CatalinMironDev 3 года назад
Great, I am glad you liked it! ✌️
@Fervillanuevas
@Fervillanuevas 3 года назад
Nice, looks good. Can I translate some of your tutorial to Spanish for my channel?
@CatalinMironDev
@CatalinMironDev 3 года назад
Definitely, that will be awesome. Thanks Fermin ✌️
@septehabudin6849
@septehabudin6849 3 года назад
Thanks..👍
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you too Septe ✌️
@ajithkumar-iu4vk
@ajithkumar-iu4vk 3 года назад
Hey bro your videos is awesome, can u make react native exchange data between devices using Bluetooth
@membuchibuzormembu7064
@membuchibuzormembu7064 2 года назад
Lovely tutorial, but I can't get my project images to show. Why is that ?
@membuchibuzormembu7064
@membuchibuzormembu7064 2 года назад
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.
@guvenkaranfil
@guvenkaranfil 3 года назад
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
@CatalinMironDev 3 года назад
Yes, this is working at 60fps because we’re using the native driver. Cheers Guven ✌️
@guvenkaranfil
@guvenkaranfil 3 года назад
@@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
@CatalinMironDev 3 года назад
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.
@kenzoymc1717
@kenzoymc1717 3 года назад
Can you create a video about progressive loading image in flatlist such as blur until done
@CatalinMironDev
@CatalinMironDev 3 года назад
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
@CatalinMironDev 3 года назад
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
@kenzoymc1717 3 года назад
@@CatalinMironDev thank you , i ll try it
@henriquebarros8303
@henriquebarros8303 3 года назад
Amazin!!!
@CatalinMironDev
@CatalinMironDev 3 года назад
I'm glad you liked it! Thanks Henrique ✌️
@abdulwahabaslam7050
@abdulwahabaslam7050 3 года назад
Can you please make a tutorial on how to make custom parallax sticky header with tab-section-list
@abdulwahabaslam7050
@abdulwahabaslam7050 3 года назад
you can check foodpanda mob app to better understand
@CatalinMironDev
@CatalinMironDev 3 года назад
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
@abdulwahabaslam7050 3 года назад
@@CatalinMironDev okay check your inbox
@thuanhoangnhat2350
@thuanhoangnhat2350 3 года назад
Nice
@CatalinMironDev
@CatalinMironDev 3 года назад
Thank you Thuan ✌️
@GamingZone11
@GamingZone11 3 года назад
please guide me where do is start to learn animation
@CatalinMironDev
@CatalinMironDev 3 года назад
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!
@navodadesilva99
@navodadesilva99 3 года назад
This is awesome ♥ ♥ ♥ ♥ ♥ 🔥 🔥 🔥 🔥 🔥 🔥 🔥
@saalimkhan4133
@saalimkhan4133 3 года назад
Dope
@blackmayb3
@blackmayb3 2 месяца назад
bravo
@First.Last.99
@First.Last.99 2 года назад
U think this can work on Androids?
@akankshasharma7498
@akankshasharma7498 3 года назад
I love React
@CatalinMironDev
@CatalinMironDev 3 года назад
❤️
@ragunathanm6787
@ragunathanm6787 3 года назад
🤩🤩
@CatalinMironDev
@CatalinMironDev 3 года назад
✌️
@bharathmn1332
@bharathmn1332 3 года назад
Super bro, how to plan design like this
@CatalinMironDev
@CatalinMironDev 3 года назад
I don’t know to be honest but I’m glad you like them ✌️
@bharathmn1332
@bharathmn1332 3 года назад
@@CatalinMironDev how to do the favourite (heart animation ) product animation in flatlist for individual products
@Marshal-786
@Marshal-786 3 года назад
plz make tutorials on react native cli
@CatalinMironDev
@CatalinMironDev 3 года назад
The code should work both ways, expo is react-native cli on steroids. Thanks Bilal ✌️
@hypersudo8092
@hypersudo8092 3 года назад
Could you please make a video about instagram stories in react native.
Далее
These Are Too Smooth 😮‍💨
00:57
Просмотров 6 млн
Как не носить с собой вещи
00:31
Easiest React Native Parallax Image Scroll EVER 😱
18:08
I Remade YouTube From Scratch Using Just Bash
17:51
Просмотров 61 тыс.
The New React Native Architecture
25:59
Просмотров 143 тыс.
Turning bad React code into senior React code
13:10
Просмотров 92 тыс.
EASY React Animation with useGSAP()
12:45
Просмотров 100 тыс.