Flutter Animations Tutorial For Beginners

Поділитися
Вставка
  • Опубліковано 18 січ 2025

КОМЕНТАРІ • 131

  • @dev_utkarsh
    @dev_utkarsh Рік тому +6

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

  • @MrOmanhomeland
    @MrOmanhomeland Рік тому +18

    With Rivaan can't close your eyes

  • @verum5651
    @verum5651 Рік тому +13

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

  • @uCodes880
    @uCodes880 3 місяці тому

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

  • @joaoantonio8516
    @joaoantonio8516 Рік тому +6

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

  • @bartekdadas9099
    @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 👍

  • @festusighalo
    @festusighalo Рік тому +1

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

  • @jefferyabbott4546
    @jefferyabbott4546 5 місяців тому

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

  • @jayisampelliwar5065
    @jayisampelliwar5065 Рік тому +3

    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?

  • @pratikgupta7373
    @pratikgupta7373 Рік тому +3

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

  • @n4jib
    @n4jib 6 місяців тому

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

  • @meetpatil8531
    @meetpatil8531 Рік тому +1

    Thanks for making this video! 🚀

  • @sujalutekar9417
    @sujalutekar9417 Рік тому +1

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

  • @sunjowilliammburli3847
    @sunjowilliammburli3847 Рік тому

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

  • @roninspect4357
    @roninspect4357 Рік тому +3

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

  • @vishnuprasad7971
    @vishnuprasad7971 Рік тому +2

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

  • @learneverything5946
    @learneverything5946 Рік тому +1

    Your videos are life changing

  • @bentalla
    @bentalla Рік тому +2

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

    • @RivaanRanawat
      @RivaanRanawat  Рік тому

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

    • @bentalla
      @bentalla Рік тому

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

  • @marufhassan634
    @marufhassan634 Рік тому

    Great content Rivaan.

  • @juniorMr
    @juniorMr Рік тому +1

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

  • @teajhaney
    @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

  • @abhishekbhujel4158
    @abhishekbhujel4158 8 місяців тому

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

  • @developerflutternew-jf9yb
    @developerflutternew-jf9yb Рік тому

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

  • @yashishrani8372
    @yashishrani8372 Рік тому +1

    Thank you guruji 🤲

  • @arhamjaved7555
    @arhamjaved7555 Рік тому +1

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

  • @usr829
    @usr829 9 місяців тому

    Great Tutorial. Thanks

  • @ananteshgopal3032
    @ananteshgopal3032 Рік тому

    Amazing videoo Rivaan!!

  • @sharath-b-naik
    @sharath-b-naik Рік тому

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

  • @Aditya_Shahi
    @Aditya_Shahi Рік тому

    Finally I was waiting for this

  • @itsdark1814
    @itsdark1814 Рік тому

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

  • @vikramlimba8
    @vikramlimba8 6 місяців тому

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

  • @KhondwaniSikasote
    @KhondwaniSikasote 8 місяців тому

    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 ?

  • @codenbeer
    @codenbeer 2 місяці тому

    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
      @codenbeer 2 місяці тому

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

  • @OsamaGamil-m1w
    @OsamaGamil-m1w Рік тому

    Always the best❤

  • @vishnuprasad7971
    @vishnuprasad7971 Рік тому

    Thank you awesome 🔥

  • @minatominato2175
    @minatominato2175 Рік тому

    Legendary

  • @rnp0728
    @rnp0728 Рік тому

    Thanks a lot bro 🙏🙏🙏

  • @saim1158
    @saim1158 Рік тому

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

  • @wittywidgets
    @wittywidgets Рік тому

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

  • @someone_visible
    @someone_visible Рік тому

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

  • @teajhaney
    @teajhaney Рік тому

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

  • @harishprasadrajeurs2771
    @harishprasadrajeurs2771 9 місяців тому

    thanks
    👍

  • @JbrDeveloper
    @JbrDeveloper Місяць тому

    We need more animation examples...

  • @avishekverma9212
    @avishekverma9212 Рік тому

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

  • @soomann2716
    @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.

  • @ayushpillai333
    @ayushpillai333 Рік тому

    🔥Thanks brother ❤

  • @pravinprince3221
    @pravinprince3221 Рік тому

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

  • @jayeshshinde5495
    @jayeshshinde5495 3 місяці тому

    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 ❤

    • @RivaanRanawat
      @RivaanRanawat  Місяць тому

      Maybe I just pronounce it the wrong way😂
      Thanks btw:)

  • @DiamondSoft
    @DiamondSoft Рік тому

    awesome🤓💯

  • @JasvinderSingh-zh5xo
    @JasvinderSingh-zh5xo Рік тому +1

    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.

  • @khanhgia7490
    @khanhgia7490 Рік тому

    Hi Rivaan 🙋‍♂. Thank you ✨✨✨

  • @editinginpashto4440
    @editinginpashto4440 Рік тому

    You are awesome bro. Love from pakistan❤

  • @quezinmark8225
    @quezinmark8225 Рік тому

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

  • @leodang00
    @leodang00 Рік тому

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

  • @BCareLife
    @BCareLife Рік тому

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

  • @vacandboss6484
    @vacandboss6484 Рік тому

    Please make video on Bloc state management

  • @3kdevelopers185
    @3kdevelopers185 Рік тому

    Great 👍

  • @ICHIR4KU_R4MEN
    @ICHIR4KU_R4MEN Рік тому +1

    Waiting for an dedicated state management course

    • @RivaanRanawat
      @RivaanRanawat  Рік тому

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

    • @ICHIR4KU_R4MEN
      @ICHIR4KU_R4MEN Рік тому +1

      @@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..

  • @asweraswer6140
    @asweraswer6140 Рік тому

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

  • @HamzaMalik-wl9ry
    @HamzaMalik-wl9ry 4 місяці тому

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

    • @HamzaMalik-wl9ry
      @HamzaMalik-wl9ry 4 місяці тому

      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),
      ]),
      ),
      );
      }
      }

  • @brenholli
    @brenholli Рік тому

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

  • @rahul.pataskar
    @rahul.pataskar Рік тому

    Big Fan Bro😁
    🤣🤣🤣Hahhahahha

  • @vikashtiwari8360
    @vikashtiwari8360 Рік тому

    Thank you soo much Bhai ❤

  • @005_mustafafahim5
    @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?

  • @parasverma7713
    @parasverma7713 Рік тому

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

  • @szyszak9424
    @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
      @ashmitchugh8818 Рік тому +1

      @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
      @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
      @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 )

  • @suzanaangboo2448
    @suzanaangboo2448 Рік тому

    Please complete other playlist too. 😢

  • @sabarinathan3271
    @sabarinathan3271 Рік тому

    we want Bloc statemanagement bro

  • @asweraswer6140
    @asweraswer6140 Рік тому

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

  • @Hakan-sr7ue
    @Hakan-sr7ue Рік тому

    rivann duolingo or ewa english simple clone please.

  • @pradeepg4498
    @pradeepg4498 Рік тому

    Jai Ganesh 🚩

  • @sharath-b-naik
    @sharath-b-naik Рік тому

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

    • @RivaanRanawat
      @RivaanRanawat  Рік тому

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

  • @somnathdas8922
    @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.

  • @CoderBhavy
    @CoderBhavy Рік тому

    Make videos on bloc

  • @sabarinathan7208
    @sabarinathan7208 Рік тому

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

  • @Dagra_xt
    @Dagra_xt Місяць тому

    3:41(bro its nothing importent, just the when i am leaving your video, so ill start again from there🤧)

  • @shashwatdhingra3580
    @shashwatdhingra3580 Рік тому

    Game Changer Video

  • @Harshtooanimation
    @Harshtooanimation Рік тому

    Hii Revan please make a Vedio make in Hindi

  • @assardeveloper8739
    @assardeveloper8739 Рік тому

    First comment 🎉😊

  • @abdullahsheraz7461
    @abdullahsheraz7461 8 місяців тому +1

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

  • @ahmedshaikh789
    @ahmedshaikh789 Рік тому +1

    convert your channel in hindi

  • @syedshahzain-u4c
    @syedshahzain-u4c Рік тому +1

    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
    @festusighalo Рік тому +3

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