Flutter Animations Tutorial For Beginners

[@MrOmanhomeland]

With Rivaan can't close your eyes

[@antongrekov7710]

simp

[@verum5651]

Thanks a lot! These tutorials are heaven for people like us that can't afford paid courses ❤❤

[@RivaanRanawat]

Glad you like them!

[@uCodes880]

Yoooo The most generous channel on KZbin No course ads, full content, best explanation, relatable memes, 100% educational humor

[@bartekdadas9099]

Great Course, wish I'd found it sooner. It's awesome you make a recap after every example, because of it I understand everything perfectly. Keep up the good work 👍

[@dev_utkarsh]

After a long time the legend finally dropped a video!!!!

[@jefferyabbott4546]

This video has helped me understand animation in Flutter very well - and I was previously super confused! Thank you so much!!!

[@abhishekbhujel4158]

Was always intimidated by the word tween but with your video I properly understood. Subscribers = Subscribers +1;

[@pratikgupta7373]

which mic do u use and which editing software u use? your Teaching quality is top quality

[@vishnuprasad7971]

Do video on full BLOC... Wish to learn more with you ♥️

[@joaoantonio8516]

This is such a good work, I'm expecting to have intermediate and advance content later on! Congrats

[@RivaanRanawat]

Thanks!

[@jayeshshinde5495]

I think there is some problem in my earphones whenever rivaan bhai says 'here 'i hear 'ear' Need to change earphones. 😂😂😂 Love your work rivaan bhai ❤

[@developerflutternew-jf9yb]

This is amazing and we are waiting for flutter bloc course pls.

[@arhamjaved7555]

You teach far better thans my University professors 😂❤ Veey helpful video ❤

[@RivaanRanawat]

Thanks, Happy to help!

[@festusighalo]

Rivaan!! you always come through bro. Thanks for this.

[@RivaanRanawat]

My pleasure!

[@jayisampelliwar5065]

I was so worried about the animation with Flutter you made It so easy. Rivaan You're the best. ✨ btw what theme you're using?

[@meetpatil8531]

Thanks for making this video! 🚀

[@juniorMr]

amazing tutorial Rivan ,keep going .By the way could you make a video talking about kotlin multplatform, bringing your opninion and kind things?

[@roninspect4357]

waited so long for animation video!!! thanks a lot!

[@RivaanRanawat]

My pleasure!

[@teajhaney]

Thnak you forf this, I just started to watch but I want to request more content on custompainter and renderBox etc... there is not much content on advance topic like these. I believe you are the man for the job

[@sujalutekar9417]

Love you Rivaan bro You are awesome, I am learning so much from you everyday ❤

[@RivaanRanawat]

happy I could help!

[@n4jib]

I just loved it!. First time watching your video and your explanations are so good . Keep up the good work 💪

[@RivaanRanawat]

Awesome! Thank you!

[@learneverything5946]

Your videos are life changing

[@RivaanRanawat]

Glad they help!

[@sunjowilliammburli3847]

It been a while but I'm happy your are back

[@RivaanRanawat]

Thank you!

[@yashishrani8372]

Thank you guruji 🤲

[@sharath-b-naik]

Thanks rivaan sir. This really great tutorial. ❣❣❣😍

[@RivaanRanawat]

Glad you liked it

[@bentalla]

yesterday I was looking for animation course and you made it... Can you do a video for flutter Socket ?

[@RivaanRanawat]

Awesome! hope you learnt something from this tutorial. I already have a project video covering the use of Sockets

[@bentalla]

@@RivaanRanawat yes I learn all about animation. You did a great job tkx you

[@marufhassan634]

Great content Rivaan.

[@RivaanRanawat]

Thanks Maruf!

[@avishekverma9212]

Wrapping the Add ro Cart text in Wrap widget will make the text retractable without any errors

[@usr829]

Great Tutorial. Thanks

[@JasvinderSingh-zh5xo]

Hi Rivaan, You are awesome, You have covered all type of video except Uber, Ola apps. Please make full stack app flutter + firebase or any other database.

[@ananteshgopal3032]

Amazing videoo Rivaan!!

[@RivaanRanawat]

Thanks!

[@KhondwaniSikasote]

Awesome content Rivaan!! Just a quick question when you did the custom paint why did the dot appear in the bottom left corner and not the top right corner ? This was before we gave the size to the BouncingBallPainter class. Does Custom pain have a default dx,dy offest value? as a result puts it in the bottom left ?

[@itsdark1814]

What a great tutorial. Thank you so much bro♥❤.

[@RivaanRanawat]

Most welcome!

[@khanhgia7490]

Hi Rivaan 🙋‍♂. Thank you ✨✨✨

[@RivaanRanawat]

My pleasure!

[@parasverma7713]

Love uh bro❤️Please make a playlist about how to use API's in flutter

[@vikramlimba8]

thanks, so much really enjoy it.....

[@pravinprince3221]

Thank you for the wonderful video sir it is very helpful for me and my team, Thanks again sir

[@RivaanRanawat]

Most welcome, glad it helps!

[@teajhaney]

We need more course on custompainter and renderbox and everything related to this

[@editinginpashto4440]

You are awesome bro. Love from pakistan❤

[@RivaanRanawat]

Thank you so much!

[@asweraswer6140]

🎉bro what I have to start after I complete this and I have completed the 20 hrs. Course

[@pradeepg4498]

Jai Ganesh 🚩

[@vacandboss6484]

Please make video on Bloc state management

[@soomann2716]

Hi.I am following your courses.Can you please show us how much space is it taking up in release mode.And also how can we save space by removing unused resources? That would be of great help because the app you build in your one of the video (CurrencyConvertor App) is of 32MB in release mode for me.

[@Aditya_Shahi]

Finally I was waiting for this

[@RivaanRanawat]

Lets go Aditya!

[@vishnuprasad7971]

Thank you awesome 🔥

[@RivaanRanawat]

Any time!

[@vikashtiwari8360]

Thank you soo much Bhai ❤

[@RivaanRanawat]

My pleasure!

[@brenholli]

You're good can you teach us to make Fintech App?

[@rnp0728]

Thanks a lot bro 🙏🙏🙏

[@RivaanRanawat]

My pleasure!

[@harishprasadrajeurs2771]

thanks 👍

[@wittywidgets]

can you please make video on web site project using flutter?

[@leodang00]

Hello, can you recreate the Tiktok clone with appwrite for the tech updated of 2023?

[@quezinmark8225]

Hello Rivaan I want to build a Food Delivery Application using Flutter If possible make a video on it

[@ICHIR4KU_R4MEN]

Waiting for an dedicated state management course

[@RivaanRanawat]

Interesting. What do you want me to cover in it?

[@ICHIR4KU_R4MEN]

@@RivaanRanawat Thanks for asking... It would be more useful for beginners like me to tell various use cases of different state management providers like getx , bloc , provider..

[@minatominato2175]

Legendary

[@RivaanRanawat]

Thank you!

[@ayushpillai333]

🔥Thanks brother ❤

[@RivaanRanawat]

Most welcome!

[@OsamaGamil-m1w]

Always the best❤

[@RivaanRanawat]

Thank you!

[@saim1158]

State management is complasry or not or just went for riverpod???

[@DiamondSoft]

awesome🤓💯

[@RivaanRanawat]

Thank you!

[@someone_visible]

bro how are you getting this slide and push like transition by default transition?

[@shashwatdhingra3580]

Game Changer Video

[@RivaanRanawat]

Thanks!

[@3kdevelopers185]

Great 👍

[@RivaanRanawat]

Thanks!

[@rahul.pataskar]

Big Fan Bro😁 🤣🤣🤣Hahhahahha

[@BCareLife]

App is getting restart when I'm save code ,After use gorouter ,how to fix this is use ?

[@codenbeer]

1:23:26 i tried my self to do scale animation and got almost right but not as like demo video(my was scale with the slide animation), let see what I missed in that solution.

[@codenbeer]

1:29:00 i did everthing perfect 😁😁just didin't add Curve there.

[@suzanaangboo2448]

Please complete other playlist too. 😢

[@RivaanRanawat]

Which playlist?

[@suzanaangboo2448]

@@RivaanRanawat design pattern in flutter

[@Hakan-sr7ue]

rivann duolingo or ewa english simple clone please.

[@sabarinathan3271]

we want Bloc statemanagement bro

[@005_mustafafahim5]

hi. in your twitter clone app, I am stuck in model.Account part. i have imported everything perfectly, with the latest appwrite version. still showing error. the error message is showing, "The name 'Account' isn't a type, so it can't be used as a type argument. Try correcting the name to an existing type, or defining a type named 'Account'.". can you help me?

[@asweraswer6140]

Could any one tell me what I have to start after this if I have already completed the 20 hrs. LEC.

[@sharath-b-naik]

Please make a tutorial on Custom Painter 🥰🥰🥰🥰🥰

[@RivaanRanawat]

A small part is included in this tutorial, might go deeper sometime later!

[@somnathdas8922]

Rivaan flutter and webrtc ka full project baniye na jaishe group audio call, group video call, 1-1 audio and video call, live stream please.

[@szyszak9424]

What are your thoughts on responsive flutter packages which enable to build resposnive layout for different mobile screen sizes. Should it be used or not? i heard some people dont recommend this approach and packages like resposnive_framework or flutter_screenutil should not be used at all

[@ashmitchugh8818]

@szyszak9424 responsive layout for mobile applications using flutter can be done without using any packages as well. Using packages can cause issues if the people that are maintaining the packages do not update it from time to time as flutter continues to update itself.

[@szyszak9424]

@@ashmitchugh8818 what about containers height and width, if I set specific height and width it's gonna look different on different mobile size. And font size as well

[@ashmitchugh8818]

@@szyszak9424 if you want the containers or for that matter any other widget to adapt to the screen size ( height and width ), you can do this Create a height and width variable like final h= MediaQuery.sizeOf(context).height; final w = MediaQuery.sizeOf(context).width; This way the variable h and w will have the device's entire height and width, and now when you want to specify height or width to a widget just h and w ( height : h/4, meaning height will be 1/4th of screen height )

[@CoderBhavy]

Make videos on bloc

[@RivaanRanawat]

noted

[@sabarinathan7208]

Bro make video BLOC statemanagement from the beginning.....................

[@HamzaMalik-wl9ry]

57:07 i implemented same animation with Future.delayed ....

[@HamzaMalik-wl9ry]

import 'package:flutter/material.dart'; void main(List args) { runApp(MyApp()); } class MyApp extends StatefulWidget { MyApp({super.key}); @override State createState() => _MyAppState(); } class _MyAppState extends State { double size = 10; @override Widget build(BuildContext context) { Future.delayed(Duration(seconds: 2), () { setState(() { size = 200; }); }); return Center( child: AnimatedContainer( duration: Duration(milliseconds: 1500), height: size, width: size, decoration: BoxDecoration( shape: BoxShape.circle, color: Colors.blue.withOpacity(0.5), boxShadow: [ BoxShadow( color: Colors.blue, blurRadius: size, spreadRadius: size / 2), ]), ), ); } }

[@Harshtooanimation]

Hii Revan please make a Vedio make in Hindi

[@assardeveloper8739]

First comment 🎉😊

[@RivaanRanawat]

🚀🔥

[@ahmedshaikh789]

convert your channel in hindi

[@abdullahsheraz7461]

Nice Video, but the animations are very very basic. These animations do not have any relation with the real world.

[@iheruomemichael9510]

Such an ungrateful human.

[@rohitkumar-ku4ki]

True

[@syedshahzain-u4c]

Use Flexible widget in Add to cart Text widget if (isExpanded) Flexible( child: Text( 'Added To Cart!', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, color: Colors.white, ), ), ),

[@festusighalo]

Rivaan!! you always come through bro. Thanks for this.

[@RivaanRanawat]

Thanks!! Glad you like it:)