Flutter Animation Tutorial – Refactoring with AnimatedWidget & AnimatedBuilder

📗 Learn from the written tutorial 👇👇

👨‍💻 Do you write good code? Find out now 👇

Animation undoubtedly creates great-looking apps. Unless done correctly though, it can also create a great pile of mess in your codebase. Having covered the core principles of animation in the previous part, we can move towards a much cleaner UI code and also its reusability by utilizing AnimatedWidget and AnimatedBuilder.

While it's true that animation is simply done by rebuilding the UI multiple times per second, doing this naively by calling setState is not the best option. At the very least, this creates unnecessary boilerplate. What's even worse, it tightly ties the animation with the widget which is being animated.

Go to the website for more information, code examples, and articles:

Follow me on social media:

[buraky]

I love you publishing your tutorials bots as video and as written source. That is just so helpful having both at the same time. That's awesome, and thank you for that :)

[josecoverlessons]

you are without a doubt the best flutter tutorial maker out there great work! I appreciate this

[TheManuz]

Really informative! Thanks for the tutorial!

[jonathan]

Excellent work! I understand much more about animation now.

[mirankamal]

Awesome Videos keep them coming ♥.
I have a tutorial request if possible, can you make a video or videos just to teach the building UI in Flutter, or maybe do a video Flutter UI for android developers, like explaining the equivalents of Linear, Relative layout...etc, padding margin..etc

[SumitMajumdarSpace]

Hey Matt. Great tutorials. You've helped me get started on Flutter enormously.


I was just wondering if it would be better to put the animation controller logic inside the Animated widget itself instead of taking the animation value from its parent. That way the parent widget will not have to deal with the animation and can just contain the business logic. I just tried it out and this approach seems cleaner to me.
Let me know if I am doing anything wrong.

Thanks.

[adri]

again a super nice video thank you.
Just wanted to let you know, it seems like u are linking on the written tutorial to the source code of the previous part.

[aytunch]

whats the difference between RotationTransition and RotatingTransition? Does Flutter's implementation use AnimatedBuilder inside of it too? Which one is better in performance if we have a large tree with animating objects?

[aytunch]

In the RotatingTransition method inside of AnimatedBuilder why do we have redundant children. There is the first child just under AnimatedBuilder and second under Transform.rotate.

[chaitanyabharatdokara]

The written tutorial is not opening (domain changed).

[muhammadnurhafiznoormohama]

where is the github link for the project?

[trophieboi]

Tutorial for Best practices for building UI in flutter?

[simransingh]

Again an awesome flutter content.
Can you please make a video for *Provider State Managent* .
Thanks in advance :)