Flutter Chained Animations, Curves and Clippers - Learn About Chained Explicit Animations in Flutter

Поділитися
Вставка
  • Опубліковано 14 жов 2024

КОМЕНТАРІ • 55

  • @VandadNP
    @VandadNP  Рік тому +23

    Thank you everyone for watching this video. What did you think of it? I hope you are enjoying the course and don't forget to subscribe to my channel or press the Thanks button if this video helped you in your life 👍🏻

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

      Very helpful 🤗💯... But you didn't explain what animation controller, animation builder or tween is... At a theoretical level... I think it coming from a very experienced flutter developer like you would really helps beginners to get started fast with advanced topics like animation... 😁All in all thanks for the detailed video

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

      @@ericodhiambo8222 all those were explained in full details in the first video. Did you happen to jump over that video?

    • @jelilabudu
      @jelilabudu 10 місяців тому

      @VandadNP, I think most viewers were carried away by your presentations to the extend that they forget to hit the like button, I guess.

    • @jelilabudu
      @jelilabudu 10 місяців тому

      Yeah, it took me some reasonable amount of hours to complete this section, but I've enjoyed every bit of your presentation. It felt like I was in physical class with you👏✍

  • @ivywang1732
    @ivywang1732 Місяць тому +1

    This was such a helpful video!! Thank you for explaining in such detail, cannot stress enough how amazing this is

  • @Ashish-pc6lq
    @Ashish-pc6lq Рік тому +5

    You are a legend. Your teaching style is better than that of professors.

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

    Nice.. You've been dropping valuable content for free here regularly. Thanks a lot.. :)

    • @SagarSagar-ro3fj
      @SagarSagar-ro3fj Рік тому +1

      Please change what you say in first 2 secs of your videos 😂

    • @north.pole.
      @north.pole. Рік тому

      @@SagarSagar-ro3fj 😆

  • @philosophia5577
    @philosophia5577 9 місяців тому +1

    41 minutes in and for the first time I'm feeling this confident in my animation skills. I would love to see more content on Dribble animations, Custom Paint and more advanced tutorials in Flutter Graphics!!!!! We would also love couple of tutorials on Games with Flutter!!

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

    My maths is a little rusty but I got the gist on how to do it. Thank you Vandad, eagerly waiting for the next one.

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

      Great! Glad I could be of help

  • @qaisothman1564
    @qaisothman1564 Рік тому +7

    I was just checking if you uploaded a new video 😂 thanks for change my mind about school maths, it’s useful actually.
    I really appreciate you and your content 🎉

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

      That's awesome! Thanks for your kind words 😊

  • @Ayush-bk3rv
    @Ayush-bk3rv Рік тому +2

    the funky animation was neat

  • @jelilabudu
    @jelilabudu 10 місяців тому +1

    @VandadNP is a natural teacher🤗.

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

    Your video are the best to learn from. Everything explained, and easy to understand.

  • @Exiide89
    @Exiide89 4 місяці тому +1

    Have you included clippers as a necessity in this example or could the same effect be achieved by using BorderRadius in BoxDecoration on Container?

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

    So cute to see you worrying about picking the right colours of our flag😊
    You're the best Flutter tutor on UA-cam.
    Thanks from 🇺🇦

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

    Finished watching it. Super cool one 💖✨👏

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

    A heartfelt thanks to you!

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

    Thanks a lot for the content
    I am transitioning from iOS to Flutter so your videos are helping a lot

  • @АртурЗарипов-б2й
    @АртурЗарипов-б2й 9 місяців тому +1

    Good job! Thank you very much!

  • @north.pole.
    @north.pole. Рік тому +1

    Thanks sir for your kind effort and for the valuable contents🤩🤩🤩

  • @mujtabafarhan7098
    @mujtabafarhan7098 28 днів тому

    Do you have linkdin, I am showing that I am learning flutter in my linkdin account. You have put so much effort in this course I want to tag you

  • @vaultme9091
    @vaultme9091 10 місяців тому +1

    Thank you. ☺

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

    thank you for the great video guide, can you please guide me what if Instead of 2 half circles, I need 2 V shapes, 1 is inverted V and 1 is straight V shape, how to make this?

  • @kabire40
    @kabire40 3 місяці тому +1

    Love this video. Thank you so much.

  • @MustafaDemirEng
    @MustafaDemirEng 10 місяців тому

    Great video. Your VS Code theme looks decent. What's the name of it?

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

    It's really valuable content thanks man 🔥👋👋👋👋🎉 keep going ❤️

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

    Nice content I can say but one suggestion
    It's easy to use border radius here just make a Wight half and then give border radius 100

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

    I'm actually a bit confused, I would have assumed, that after flipping 180° around y the z axis rotation gets flipped, and you need to do either "90° counter cockwise" and than "90° clockwise" animations or.... "_controller.forward()" looped with "_controller.reverse()"
    I have to think that through!
    But never the less! Thank you for your effort :) Amazing work!

    • @Moath268
      @Moath268 7 місяців тому

      it's 90 not 180 you are correct man

  • @dev.faizan
    @dev.faizan Рік тому +1

    Thanks, SIr 💞💞

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

    Hi! First of all, thank you for your content!!! I'm able to code flutter cuz of you! Do you think that with all this animation knowledge It's possible to create a gallery as the flutter package Photo view? with pinch to zoom, pan, swipe?

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

    Thanks you so much sir

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

    Thank you Mr Vandad for this great video and for your effort, I have a question in my mind:
    why you had to put two AnimatedBuilder around each half circle and then flip them, why not flipping the whole circle around its center like the last video by putting another transform above the rotating transform and with one other AnimatedBuilder for the flipping ?

    • @jelilabudu
      @jelilabudu 10 місяців тому

      @ahmedalsheikhibrahim2614 I'm yet to get to the actual animation part. So the solution I see from from your question is to wrap the Row widget that houses the half circles.
      By rotating and flipping the Row widget, all its children would be affected as well.
      I don't know what performance issues it may cause during re-rendering, though, but I'll try it.💪

    • @jelilabudu
      @jelilabudu 10 місяців тому

      Yep! he actually did the way I was guessing it.

    • @jelilabudu
      @jelilabudu 10 місяців тому

      The rotation animation builder wraps the flip animation builder which wraps the half circles container. It worked.

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

    Thanks 🙏

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

    need more videos on animations thanks

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

    i have a question what's mean this in the vsync

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

    Finally 💖🎉🎉

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

    Sir, I can't find see this repository in your github

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

      Check again please as it is there

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

    Can you please do a video about factory constructor?? I will b really appreciate it

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

      ua-cam.com/video/GtFGTMhuSuo/v-deo.html
      He talks about factory in this video.

  • @sami-dev
    @sami-dev Рік тому +1

    ❤️

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

    🤝💎

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

    Thanks 🦾

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

    Thanks you so much sir