How to choose which Flutter Animation Widget is right for you? - Flutter in Focus

Поділитися
Вставка
  • Опубліковано 21 лип 2024
  • In previous episodes of Flutter in Focus, we learned how to implement animations using Implicit widgets, Explicit widgets, and learned even more about how animations work. There are a lot of different animation widgets and figuring out which one is most appropriate can feel a little overwhelming. Fortunately, this video is here to help.
    Animation and motion widgets → goo.gle/2UdPVCY
    Looking for this video in blog form? → goo.gle/2VR2Avk
    Flutter in Focus Playlist → goo.gle/FlutterInFocus
    Learn everything about Flutter at → flutter.dev
    Subscribe! → goo.gle/FlutterYT
  • Наука та технологія

КОМЕНТАРІ • 63

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

    Extremely helpful! Even 4 years later. Thanks for making Flutter awesome!
    Edit: And as others have said, props to Emily for explaining it so well!

  • @SacWebDeveloper
    @SacWebDeveloper 4 роки тому +37

    My head is spinning after watching this, but I'll revisit this explanation once I dive in on animations. Thanks for sharing!

  • @aytunch
    @aytunch 4 роки тому +18

    This is exactly the type of videos you should always upload. Thanks

  • @manujteotia4666
    @manujteotia4666 4 роки тому +27

    I simply love the way you explain them....
    Just wanted to appreciate your efforts of educating us. We need it.. like really need it

  • @simenl1289
    @simenl1289 4 роки тому +7

    Thanks for creating all these amazing videos, Flutter team!

  • @fullemptiness
    @fullemptiness 4 роки тому +1

    The AnimatedBuilder and AnimatedWidget are exeptions to the AnimatedFoo rule of implicit built-in widgets.
    Great video, I'm just beginnig with Flutter and didn't create any animations yet, but this video is very helpful and informative!

  • @mehmetedex
    @mehmetedex 4 роки тому +58

    Flutter is the single most beautiful thing happened to mobile app developers who has to write cross platform
    Emily is the queen of Flutter our ancestors would be proud if they seen

  • @chichebem
    @chichebem 4 роки тому +3

    This is quite informative and helpful. I'm only just realising now that I used an explicit animation when an implicit animation, say using an AnimatedContainer could have sufficed.

  • @vinimenezez
    @vinimenezez 4 роки тому +1

    Thank you so much! Your explanation was amazing.

  • @rajantamang
    @rajantamang 4 роки тому

    Great Video Series by Flutter Team !! :) Thanks
    Very insightful explanation providing the big picture !!

  • @duongital
    @duongital 4 роки тому +1

    really really helpful for me at the moment. thank you.

  • @babsNumber2
    @babsNumber2 4 роки тому +2

    Can we have more videos on how to optimize our animation performance?? 🙏🏽
    I created a cool looking animation for my bottom nav bar but as app complexity increased, it stutters

  • @mbabuglia
    @mbabuglia 4 роки тому +1

    What is the recommended way of using lottie animations?

  • @hamza-325
    @hamza-325 3 роки тому

    I use TweenAnimationBuilder for infinite/extended animations by using the onEnd callback to change the attribute back and forth so the animation continues running forever!
    I feel that explicit animations are complicated and I don't feel comfortable using them, so I am sticking with the TweenAnimationBuilder.

  • @gregcounts4021
    @gregcounts4021 3 роки тому

    Thumbs up for that process flow :)

  • @koustav2008
    @koustav2008 4 роки тому

    EXCELLENT TUTORIAL !!!

  • @aibor_io6871
    @aibor_io6871 4 роки тому

    This is really helpful.. Thank you flutter team

  • @itswaqaskhan
    @itswaqaskhan 4 роки тому

    It was helpful, Thank you

  • @RobertoJuarez
    @RobertoJuarez 4 роки тому

    Awesome! Just in time :)

  • @ayoolajohn
    @ayoolajohn 4 роки тому

    I enjoyed this!

  • @lenqnr4846
    @lenqnr4846 4 роки тому

    AnimatedContainer is useful, but I don’t understand how to make transformation like rotation at 2:33 or something else.

  • @fanonxrogers109
    @fanonxrogers109 4 роки тому +2

    I love flutter!
    One thing i wish and hope for is a library for handling sensors.

  • @Gaijin101
    @Gaijin101 4 роки тому

    Needed this

  • @777giba
    @777giba 2 роки тому

    I miss you soooo much!

  • @heshansandeepa9471
    @heshansandeepa9471 2 роки тому +1

    very nice

  • @VJKoding
    @VJKoding 4 роки тому

    I love flutter so much ❤️❤️❤️

  • @irhas6555
    @irhas6555 4 роки тому

    how to do autohide appbar like youtube application

  • @ashishacharya9015
    @ashishacharya9015 4 роки тому

    The listWheelScrollView you just showed doesn't detect the gesture. Pretty useless if we cannot interact with it.

  • @henterpeter4806
    @henterpeter4806 4 роки тому +1

    Great, concise video! The flowchart at 0:27 is next-level. Your persuasive skills are unparalleled, Emily. Could you please make a video about the widget lifecycle, too?

    • @johndelilo6038
      @johndelilo6038 4 роки тому

      Persuasive skills ?

    • @henterpeter4806
      @henterpeter4806 4 роки тому

      @@johndelilo6038 Yeah, just take a look at the flowchart at 0:27, and you'll see.

    • @johndelilo6038
      @johndelilo6038 4 роки тому

      @@henterpeter4806 OK, in that way. Köszönöm (your name suggests you're Hungarian).

    • @henterpeter4806
      @henterpeter4806 4 роки тому

      @@johndelilo6038 Nincs mit. ;-)

    • @johndelilo6038
      @johndelilo6038 4 роки тому

      @@henterpeter4806 ;-)

  • @noumanhanif1948
    @noumanhanif1948 3 роки тому +1

    The decision tree shown at 5:47 has the AnimatedWidget and AnimatedBuilder flipped.

  • @toufiqurrahman7025
    @toufiqurrahman7025 4 роки тому

    this is great

  • @probhakarsarkar2430
    @probhakarsarkar2430 4 роки тому

    I loveee flutter 😁

  • @rod5751
    @rod5751 4 роки тому +1

    So, am i confused or is the AnimatedBuilder AnimatedWidget decision the wrong way around?

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

      Your confusion is valid. The video has them flipped.

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

    The replacement of coherent documentation by cheerful chatter seems to be the result of
    having skipped most of the steps leading to a coherent design of a system.

  • @spiderion1
    @spiderion1 4 роки тому

    Why does Flutter have some many open issues?

  • @RhemaxosLord
    @RhemaxosLord 4 роки тому +5

    This whole video feels like a bunch of nested ifs

  • @maheshjamdade1
    @maheshjamdade1 4 роки тому

    I think the video and audio just lost the sync they arent working hand in hand

  • @muhammadjomuaa4753
    @muhammadjomuaa4753 4 роки тому

    👍

  • @iamsandeepsk
    @iamsandeepsk 3 роки тому

    Nice Theme ❤️

  • @aisivan
    @aisivan 4 роки тому

    that is pretty much it

  • @Salehalanazi-7
    @Salehalanazi-7 4 роки тому

    Ayyyyy

  • @lalalarara9209
    @lalalarara9209 4 роки тому

    0:52 ListWheelScrollView is currently useless at all I made list by using this but after all there is no way to add click event listener so I had to change all code because of this .

    • @itsnotnessesaryofyou
      @itsnotnessesaryofyou 4 роки тому

      Add a GestureDetector parent to each list item

    • @lalalarara9209
      @lalalarara9209 4 роки тому

      @@itsnotnessesaryofyou I mean that's not the case I have to know which children is clicked but there is no way to achieve this

  • @NadySaptra
    @NadySaptra 4 роки тому

    Tenth

  • @vishalasthana8998
    @vishalasthana8998 4 роки тому

    Isn't this basically a complete ripoff of Marcin Szalek's video?