Complete Flutter Animation Guide | Flutter Hooks for Animation | Flutter Animation Sequences

[@getmmg]

Excellent one as always.

[@FilledStacks]

Thank you very much for always checking it out 🙏 it's much appreciated

[@getmmg]

@@FilledStacks Thank you for your time and making such awesome tutorials. It really helps a flutter novice like me to learn so many new things.

[@FilledStacks]

@@getmmg You're very welcome man. It makes me happy to hear that my work is making an impact. Thanks for following along :)

[@taiwo763]

i am still learning from you even more than a year plus. you are just good

[@FilledStacks]

That's awesome!! Thank you for commenting :) I appreciate it.

[@quikmath8071]

Pretty advanced stuff. A good tutorial to learn from!

[@FilledStacks]

Thank you :)

[@jonathan10543]

Incredible stuff. You've brought solutions(Flutter hooks and sequences? sweet!) to my attention for problems I didn't even know I had! THANKS!

[@FilledStacks]

Haha awesome. I'm happy to have helped.

[@easazade]

i watch this video whenever i'm fuzzy about what to do when wanna create an animation in my app. great job 👌

[@FilledStacks]

Me too haha 😁 Thank you, and thank you for watching :)

[@gmc254quads6]

Nice one. Have learnt a lot from this channel plus this gives me an idea on how to shorten my animation code. Thanks a lot and keep them coming.

[@FilledStacks]

Yeeaaah! That's good news. The less code we can write the better :) I'll definitely keep it coming.

[@aamilsilawat3069]

You Involve all stuff in just one video...Great Keep Sharing :)

[@FilledStacks]

Thanks a lot man 😊 I'll definitely keep sharing.

[@PurpleWarlock]

Thank you very much. I'm new to flutter and was looking how to toggle a container with a button press.

[@FilledStacks]

You're welcome. I hope you found your answer :)

[@MrVipulLal]

Well explained. Thanks

[@FilledStacks]

It's my pleasure. Happy to see the video is still helpful.

[@d.rew.483]

Hey Dane! Do you have any docs or references on how to use the hooks to animate widgets using the Stacked architecture? Thanks in advance!

[@FilledStacks]

Hi, the written tutorial linked in the description (which is all the code in this video) is all that I have on the hooks lib. stacked_hooks, the package, allows you to use normal flutter hooks in your StackedView so then you just use hooks the same as you would in any other flutter widget.

[@rijin_thomas_23]

Great Stuff!! Subscribed already! I have a question, is this sequence animation similar to staggered animation?

[@FilledStacks]

Great! Thank you. Sequence can also do staggered animation but I don't think staggered animations can do the same thing as sequence animations.

[@yavuzoncu4752]

Hi Dane, any advice for accessing the animation controller instance from model properly? A stream 🤔

[@FilledStacks]

Yes, I wouldn't access the animations from the model. It's all UI work so I keep it out of my ViewModel because the ViewModel should only contain business logic / pure dart. Nothing that relies on Flutter.

[@mohammedfuta1402]

very helpful video. but i'm having one issue. SequenceAnimationBuilder can't be assigned to a SequenceAnimation type

[@FilledStacks]

Happy to hear it's helpful. I think the package might have changed by now. Press f12 on the property you're trying to assign and see what it's expecting now then supply one of those. The readme must have been updated too so you can go there and check that as well.

[@muhammedsabir4628]

thanks hope to continue

[@FilledStacks]

I definitely will be. Thank you for watching

[@matthewfrancis4897]

Great video!

[@FilledStacks]

Thank you! Much appreciated

[@laujimmy8635]

Hi, I am having trouble with the GrowingContainer. When I put Tween(begin: 0, end: 200).animate(controller) for listenable, I got an error stating "Invalid constant value". Any help is appreciated. Thank you

[@FilledStacks]

Hi, it sounds like you're trying to use a const constructor in a place where you can't use a const constructor.

[@laujimmy8635]

@@FilledStacks So I guess Tween(begin: 0, end: 200).animate(controller) cannot be used in this situation anymore ?

[@FilledStacks]

@@laujimmy8635 i think it can you'll have to remove const wherever you're using it because it's complaining about const things. not the animation itself

[@laujimmy8635]

@@FilledStacks ah, I see. Yes, after removing the const before GrowingContainer, the error is gone. Thank you so much.

[@FilledStacks]

@@laujimmy8635 Great! You're welcome. To give some context, you can't construct a non const value and pass it to a const constructor. Everything has to be constant.

[@topgeargaming8679]

Your thumbnails are as awesome as ur videos, so which software do u use to create them.

[@FilledStacks]

Thank yooooou :) I use Sketch when i'm on my mac, Figma when I'm on my windows machine. I'm moving over the Figma completely I think. When my current sketch license expires.

[@alien4ufo364]

i wanna animate a rectangle stuck beside the screen, like when you go to the page it starts drawing a rectangle around the screen without being filled with a width like 3, starts from one point and ends to that point, i tried making it but it started growing from both sites...May you give me a hand and write the code here in commend section?

[@FilledStacks]

haha, I can't. You'll have to explore around and do it. Start with the basic and then go from there. break the animation into 4 to 6 different animations and then start working on them individually.

[@MuhammadUsman-vb6pn]

First like then start watching your video

[@FilledStacks]

haha ☺️☺️🤩 🤩 Thank you kind sir

[@mohamedgaber9500]

A value of type 'Listenable' can't be assigned to a variable of type 'Animation'.

[@FilledStacks]

Mmmm, maybe the api changed? I'd have to check when using the code.

[@mohamedgaber9500]

@@FilledStacks i fixed it by add as Animation thanks for your effort keep going

[@boolcode]

Hi, very nice video 👍👍👍 Can you tell me please what software do you use to make the splash screen for this video, as I have done something like this in Flare just to discover that flare file Cannot export as video Thanks

[@FilledStacks]

Thanks. I make all my videos using Davinci resolve.

[@rajdave9862]

ommNS om namah shivay jay mahakal maro bholiyobabonath Bro please tell me from where u are learning this flutter and all stuff

[@FilledStacks]

From the documentation and the flutter code 😁

[@Jerichozis]

Thanks!

[@FilledStacks]

My pleasure :)

[@robertmrobo8954]

Going out of topic... are you a South African? you sound like an Afrikaans speaking coloured. :)

[@FilledStacks]

Hey hey, no worries. Yes I am. I am from Paarl, live in Cape Town :D