Flutter Animation in 5 Minutes

  Рет қаралды 176,237

Fun with Flutter

Fun with Flutter

Күн бұрын

A quick video demonstrating the important concepts of animation in Flutter.
Ready to learn more? The full animation course can be accessed at:
courses.funwith.app
Promo Code: FUN
Here is a link to get a discount:
courses.funwith.app/p/masteri...

Пікірлер: 185
@blank-vw2sb
@blank-vw2sb 4 жыл бұрын
Great content! Lost it when you say "men want curves" XD
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Lol glad you liked it. I think I should add more jokes to the videos.
@blank-vw2sb
@blank-vw2sb 4 жыл бұрын
@@FunwithFlutter Absolutely. BTW, You are underrated, bruh. You deserve more subs. You will blow up one day Bcoz of your content...
@Charan_Vendra
@Charan_Vendra 4 жыл бұрын
@@blank-vw2sb true
@SuperCommix
@SuperCommix 3 жыл бұрын
Lol 😂🤣
@hammadpervez4568
@hammadpervez4568 2 жыл бұрын
Nope Men don't want curves, They want flexiblity . Specially in girls hahahaha
@KndyKanesaw
@KndyKanesaw 4 жыл бұрын
This is probably ones of the most enjoyable and helpful tutorials for flutter on YT. Thank you man, great work.
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Big pleasure! Glad you liked it
@sergioduarte6857
@sergioduarte6857 3 жыл бұрын
Your videos are on another LEVEL!!!
@ahmed.hammami590
@ahmed.hammami590 3 жыл бұрын
So crazy to see in the comments that a lot of people had my same exact creation which is " 1 minute in the video and i already subbed and clicked the bell " thank you for the content it's really really helpful !
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
That’s crazy to hear man! I need to make more 5 minute videos like this!! Thanks for the feedback
@arifwaqas7783
@arifwaqas7783 3 жыл бұрын
BRUH! 40 seconds into the video and I am already eager for more content from you!
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
Thanks man. I'll make more vids like this one
@rey-karl-studio
@rey-karl-studio 2 жыл бұрын
Highly value content worth storing. I just saved this video for later use. Thanks and continue posting.
@FunwithFlutter
@FunwithFlutter 2 жыл бұрын
Awesome, thank you!
@kristinnewmancscs
@kristinnewmancscs 3 жыл бұрын
LOL Thank you so much for the concise explanation with the humor injected! :D
@everydaystoriesanimated2318
@everydaystoriesanimated2318 4 жыл бұрын
*Great Video. *YOU DESERVE MORE SUBS! ↗️📈👍
@rajdave7357
@rajdave7357 3 жыл бұрын
Are mere bhai, maza aagaya, bahot hi badhiya
@frankcompston5065
@frankcompston5065 4 жыл бұрын
I’m here for your sense of humor.
@massimuccio007
@massimuccio007 4 жыл бұрын
Just purchased the Course!.... Great Stuff!, keep up the great work!...
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
That's great! Hope you enjoy it! Please feel free to give suggestion and comments. Planning to update the course as I get more feedback from people
@troylee5205
@troylee5205 3 жыл бұрын
Great video! Is it possible to tap a button, text fades out and fades in again. Bcos I have randomized text, and I want it to fade out and fade in again with a new text. What's a way to achieve this? Feels to me like tween opacity
@janow25
@janow25 4 жыл бұрын
Instant Abo! You are Insane!
@blouberguy4647
@blouberguy4647 Жыл бұрын
okay when u said lazy that's when I subscribed love this videos !
@xcraftminebb
@xcraftminebb 3 жыл бұрын
Great video!
@alpw404
@alpw404 Жыл бұрын
best tutorial ever, thanks
@codemagicio
@codemagicio 4 жыл бұрын
This is cool!
@playmission418
@playmission418 2 жыл бұрын
2:53 “What’s created must be destroyed” Just don’t destroy what you create on your youtube channel. Great contents
@HijabiCoder
@HijabiCoder 3 жыл бұрын
Wow, just discovered your channel and you are Gold!! Standards set 😀
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
Wow, thank you!
@aissaserrar3059
@aissaserrar3059 4 жыл бұрын
I just bought your course
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
And followed me on Twitter :) :) Thanks
@Aman26758
@Aman26758 4 жыл бұрын
I just purchased the course. Hope you will add more interesting stuff. :)
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Great thank you! I will definitely add more things. Please, feel free to send me requests for anything you'd like to see. I have another two planned sections coming, and I'm floating around other ideas.
@Aman26758
@Aman26758 4 жыл бұрын
@@FunwithFlutter am actually looking for tinder clone and media notification with controls...
@pedroferreira4043
@pedroferreira4043 2 жыл бұрын
I learned more in this video thanin my last 5 days of research
@lucas404x
@lucas404x 4 жыл бұрын
Excellent video man! I loved it
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Thanks mate!
@balaganesh3440
@balaganesh3440 4 жыл бұрын
man!!!! that's awesomeee!
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Thanks man :)
@russazsuraj630
@russazsuraj630 3 жыл бұрын
Amazing !!!! thanx :)
@sebastianval1711
@sebastianval1711 4 жыл бұрын
I Just purchase the course as well , hope the best of this course !
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Nice! And mee too!! Expect a lot more content to be added to the course. Next up is performance. Which is a big one, so keep an eye on your email for updates
@BrendansReasons
@BrendansReasons 2 жыл бұрын
Legendary explanation
@juliadebecka5815
@juliadebecka5815 3 жыл бұрын
Bro this discount was so nice. Made my heart melt. I bought your course and i can't wait to start developing new skills!
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
Awesome! Thank you!
@addler94
@addler94 4 жыл бұрын
Love your Style 😂😂
@chigozie123
@chigozie123 3 жыл бұрын
Dude who are you? This gets my adrenaline going!!
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
Nice! That was my intention
@selahattincelik9690
@selahattincelik9690 3 жыл бұрын
@@FunwithFlutter ث
@g-luu
@g-luu 4 жыл бұрын
Fantastic. Going to purchase this.
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
☺️ good timing. A great section will be added to the course in a couple of days, covering performance
@roshandroids
@roshandroids 3 жыл бұрын
Just found out the perfect video, ❤️
@sitcomrave
@sitcomrave 4 жыл бұрын
this is really fun with flutter
@homeofcreation
@homeofcreation 4 жыл бұрын
That's what I call a discount! Thank you very much.
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
You're welcome!
@thinkingaboutit7635
@thinkingaboutit7635 3 жыл бұрын
You are the best man, thx 💓
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
Why thank you
@takkovacs9153
@takkovacs9153 3 жыл бұрын
Great content
@theorie_avis
@theorie_avis 4 жыл бұрын
Oh yeah!! so amazing
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Thanks :)
@patheticgeek
@patheticgeek 4 жыл бұрын
I'm gonna reward you the highest honor i can, subcribe with notifications on!
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
🤝😊
@cristianberbecaru3441
@cristianberbecaru3441 4 жыл бұрын
The joke with curves was a good one
@akshaybhandari8951
@akshaybhandari8951 2 жыл бұрын
can you help understand 2d scrolling for an infinite canvas? Great video!
@smarpitsingh
@smarpitsingh 2 жыл бұрын
Perfect 👌
@oviet541
@oviet541 3 жыл бұрын
nice trick. thank you for sharing
@steinkuste3492
@steinkuste3492 2 жыл бұрын
great work bud, keep it up
@FunwithFlutter
@FunwithFlutter 2 жыл бұрын
Thanks, will do!
@rajdave7357
@rajdave7357 3 жыл бұрын
Amazing my Brother, It's Awesome, thank you very very very much for this video
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
You are most welcome
@vinceramcesoliveros6739
@vinceramcesoliveros6739 4 жыл бұрын
Explicit animation was a nightmare for me to write way back 2018. Now that Flutter provided Implicit animation. I'm eager to use it again to control the rendering widgets.
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Implicit animations are the best. There are also more and more community packages that make everything easier.
@aadiegoaa96
@aadiegoaa96 4 жыл бұрын
Awsome, thanks
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
No problem!
@shivam-dua
@shivam-dua 4 жыл бұрын
CRISP!
@AdriSinaga
@AdriSinaga 4 жыл бұрын
Good video thank you !
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
You're welcome!
@roycevaz
@roycevaz 3 жыл бұрын
5 mins felt like 1 hour. Great content
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
Amazing!
@blank-vw2sb
@blank-vw2sb 4 жыл бұрын
I'm watching this for the 5th time over the course of a year. And Commenting 3rd time. This video is a good source of reference.
@xaxababa6616
@xaxababa6616 4 жыл бұрын
This was released 2 months ago
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
That's awesome! It's what I had in mind for this video, so that it can be a quick reference.
@blank-vw2sb
@blank-vw2sb 4 жыл бұрын
@@xaxababa6616 LOL 1 year do consists of 2 months... XD
@mobyhuge8623
@mobyhuge8623 3 жыл бұрын
@@blank-vw2sb he used multiple phones
@Hasan-po6ud
@Hasan-po6ud Жыл бұрын
Thanks
@VJKoding
@VJKoding 4 жыл бұрын
amazing tips thanks you bro
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Always welcome
@nzuzomal4545
@nzuzomal4545 4 жыл бұрын
This was fire
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Thanks!
@budgeter4807
@budgeter4807 4 жыл бұрын
Total Pro!!!!!!!!!!!!
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
: )
@BreegBenjamin
@BreegBenjamin 4 жыл бұрын
Buen vídeo amigo.
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Thanks
@CSSuccessGamer
@CSSuccessGamer 4 жыл бұрын
Nice! can we have more examples of animated builder please.
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
I cover it in great detail in the animation course. But the Flutter channel also has a great video on it that you can check out
@bibash3128
@bibash3128 4 жыл бұрын
i like your way of teaching.. Keep it up..
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Thank you, I will
@bibash3128
@bibash3128 4 жыл бұрын
@@FunwithFlutter I bought your course to support you...
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
@@bibash3128 ah man thanks so much. There's a new section covering performance that will be added soon. Definitely be on the look out for that
@puhgeh
@puhgeh 4 жыл бұрын
I want to know if there's a way to implement animation in a StatelessWidget.
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
A stateless widget will react to changes from it's parent, or for example, an inherited widget. If you use something like provider or streams, to send new "state" to a StatelessWidget, you can animate the StatelessWidget or its children. This will also work for implicit animations, regardless of whether they are in a Stateless or StatefullWidget. Performing an animation is simply calling the build method over and over again for a widget and updating some properties to do changes over time. A StatefullWidget just provides a built in way to trigger a rebuild - by calling setState. But there are many ways you can trigger a rebuild of widget.
@phantomboy1496
@phantomboy1496 4 жыл бұрын
I'm Interested in enrolling in your course, I've tried 2-3 times, but somehow the payment isn't successful every time.
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Sorry for the late reply. Not too sure why there would be an issue with the payment. I think Teachable has issues with payments from India (but not always, maybe just for certain cards). You can also purchase the course through paypal. But if none of that works, send me an email at funwithflutter@gmail.com and I will get you sorted.
@Sheikh_Sakibul_Islam
@Sheikh_Sakibul_Islam Жыл бұрын
Bro, how do i undo the animation for the first part, i just want to Undo it with a click of elevated button
@abdellahjaadi8979
@abdellahjaadi8979 4 жыл бұрын
realy nice bro
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Thank you so much 😀
@shaileshsharma1497
@shaileshsharma1497 3 жыл бұрын
Sir who teaches that course
@blank-vw2sb
@blank-vw2sb 4 жыл бұрын
I underestimated this video. It's great
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Exceeded expectations - check
@blank-vw2sb
@blank-vw2sb 4 жыл бұрын
@@FunwithFlutter I want to connect with you in twitter. You are AWESOME
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
@@blank-vw2sb yeah definitely. You can reach me on Twitter @FunFlutter
@blank-vw2sb
@blank-vw2sb 4 жыл бұрын
@@FunwithFlutter Oh disappointed, you surely deserve a lot of followers. Followed you, buddy. I'm Mr B
@IamAWildMan
@IamAWildMan 3 жыл бұрын
You explain this in 5 minutes, which net ninja can do only in 10 videos.
@lyricsmint567
@lyricsmint567 3 жыл бұрын
No offense, bt Netninja is G.OAT
@abdelrahmanmustafaelmarakb1080
@abdelrahmanmustafaelmarakb1080 3 жыл бұрын
I will do anything just to watch your videos and your jokes were so funny
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
:)
@xtraszone
@xtraszone Жыл бұрын
I am your Subscriber..🥰
@xenin321
@xenin321 4 жыл бұрын
i want to join the course but my country ban vimeo, cant play video
@chethanb6406
@chethanb6406 3 жыл бұрын
which font is that?
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
Been a while since I had this setup. Sorry don't remember. Maybe that new Microsoft code font. Forgot the name
@mhmzdev
@mhmzdev 3 жыл бұрын
Unable to buy your course, its giving error for payment :( I 'have enough payment and the card is working on other site
@mochamadrosyidridho6237
@mochamadrosyidridho6237 4 жыл бұрын
Really great content! Do you have any apps (either on AppStore or PlayStore) for your courses.funwith.app? I think it would be better to learn your courses via app or mobile platform as well..
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Unfortunately Teachable (where the course is hosted) doesn't have an App to accompany it. But this is something I'll keep in mind for the future
@hsinwenjohnny4441
@hsinwenjohnny4441 4 жыл бұрын
hi~ how can i add caption on the course , that is very helpful to me
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Hope you are enjoying the course :) Not sure I understand. Do you want to leave a comment on one of the lessons or would you like to leave a review for the course? In each lesson, if you scroll to the bottom, you should see an area where you can leave comments for a particular lesson. If you would like to leave a review (which I would appreciate), then feel free to leave a review down below or send it to me at funwithflutter@gmail.com. Teachable unfortunately does not have an automatic review feature.
@hsinwenjohnny4441
@hsinwenjohnny4441 4 жыл бұрын
​@@FunwithFlutter thanks you , but i mean course subtitle,can i show it?
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
@@hsinwenjohnny4441 Awwh sorry, I understand. Teachable can support subtitles but not automatically. This means I would need to add them myself or pay for a service. This is something that I can explore if there is enough demand for subtitles.
@hsinwenjohnny4441
@hsinwenjohnny4441 4 жыл бұрын
@@FunwithFlutter thanks a lot~
@subhamsaha8047
@subhamsaha8047 2 жыл бұрын
coupon not working 🥺😕
@NitrosS
@NitrosS 2 жыл бұрын
Neo: I know Animations Morpheus: Show me.. this video: ....
@faisalfotoh1909
@faisalfotoh1909 2 жыл бұрын
please need to learn how to enranc elent to screen one by one with animation
@coffeeecatsss
@coffeeecatsss 2 жыл бұрын
why i got on error on first animated container on double _updateState(){}. Error: A non-null value must be returned since the return type 'double' doesn't allow null.
@armo.ghazaryan
@armo.ghazaryan 2 жыл бұрын
Got the same error. were you able to fix it?
@jeyzDfoo
@jeyzDfoo 2 жыл бұрын
null safety - you need to make your function _updateState() nullable by adding '?' Should look like this: double? _updateState(){ setState... }
@DeveloperAi-3
@DeveloperAi-3 2 жыл бұрын
I can't afford the course , and FUN code isn't working :(
@manuelplavsic9973
@manuelplavsic9973 2 жыл бұрын
Is your course a one-time purchase?
@FunwithFlutter
@FunwithFlutter 2 жыл бұрын
It is yes
@CSSuccessGamer
@CSSuccessGamer 4 жыл бұрын
2:52 im getting ERRROR for: vsync: this, The argument type... can't be assigned to the parameter type TickerProvider
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Did you mixin the SingleTickerProviderStateMixin api.flutter.dev/flutter/widgets/SingleTickerProviderStateMixin-mixin.html
@zinedinejeanpierreeriqueto3795
@zinedinejeanpierreeriqueto3795 3 жыл бұрын
Plis
@ramisaid9906
@ramisaid9906 4 жыл бұрын
5/5
@Ryze001
@Ryze001 10 ай бұрын
I'm enable to buy the course, ERROR: "This school is not open for enrollment."
@bladesofevil
@bladesofevil 3 жыл бұрын
youtube gods need you
@ZachariahZacXAbraham
@ZachariahZacXAbraham 4 жыл бұрын
We. Are. Proooos.
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
:)
@lyricsmint567
@lyricsmint567 3 жыл бұрын
Finally a competition to Fireship.
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
Big complement! Thanks
@sashanksigdel
@sashanksigdel 3 жыл бұрын
You are the Ian Hubert of Flutter.
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
Thanks for that! I love that guy, and want to have my videos be like his. The only thing is that code can only get THAT entertaining lol. Not like the VFX he does which is visually so entertaining
@chrisrn3226
@chrisrn3226 2 жыл бұрын
3:45 only the strongest ones will catch the reference
@rakharuan
@rakharuan 4 жыл бұрын
I love u
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
😍
@daddy4484
@daddy4484 2 жыл бұрын
could you send me the source code, please?
@FunwithFlutter
@FunwithFlutter 2 жыл бұрын
Unfortunately I don't have it. It's now in the ether somewhere
@josephjoseph925
@josephjoseph925 4 жыл бұрын
How to trigger explicit animation on a container by a click
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
Explicit animation would be an animation with a controller. So in that case you just call animationController.forward(). There is an example in the video.
@zinedinejeanpierreeriqueto3795
@zinedinejeanpierreeriqueto3795 3 жыл бұрын
Sub spanish porfavor
@hobisoon
@hobisoon 3 жыл бұрын
SA?
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
Indeed!
@AntonioArnoldoLimadaSilva
@AntonioArnoldoLimadaSilva 4 жыл бұрын
Im start flutter and really want make this curse but dolar is 5x de real (brl) :-/
@MarceloPetrucelliBR
@MarceloPetrucelliBR 2 жыл бұрын
wait wait, I recognize this voice. Isn't you the same guy from Pwned channel?
@FunwithFlutter
@FunwithFlutter 2 жыл бұрын
Nope 🙂. Though I make videos for “Stream Developers”
@MarceloPetrucelliBR
@MarceloPetrucelliBR 2 жыл бұрын
@@FunwithFlutter Wow, your voices are sooo similar. Anyway, thanks for the ack.
@dev_app
@dev_app 2 жыл бұрын
Don't ask qu because we don't have time 😂😂
@FunwithFlutter
@FunwithFlutter 2 жыл бұрын
Story of my life
@frankcompston5065
@frankcompston5065 4 жыл бұрын
60$ is kinda steep I feel like you’d make more offering at like 40$ just a thoughtz
@FunwithFlutter
@FunwithFlutter 4 жыл бұрын
You might be right. But most of my sales are from coupon codes (discounts) that I have on the channel. You can use the coupon code FUN and then it's only $15 for the course :)
@frankcompston5065
@frankcompston5065 4 жыл бұрын
Fun with Flutter ahh that’s much more enticing lol thanks for the info.
@BrendansReasons
@BrendansReasons 2 жыл бұрын
Why? *twisty text*
@nebulium6641
@nebulium6641 3 жыл бұрын
honestly i think the flutter code layout is kinda disgusting...
@FunwithFlutter
@FunwithFlutter 3 жыл бұрын
:0
Flutter Layout Basics
4:00
Fun with Flutter
Рет қаралды 117 М.
Improve your Flutter Apps performance with a RepaintBoundary
31:31
Fun with Flutter
Рет қаралды 14 М.
Ouch.. 🤕
00:30
Celine & Michiel
Рет қаралды 23 МЛН
Как бесплатно замутить iphone 15 pro max
00:59
ЖЕЛЕЗНЫЙ КОРОЛЬ
Рет қаралды 8 МЛН
Flutter Forward - Making UI Animation Easy & Fun
16:43
gskinner
Рет қаралды 50 М.
Unit Test with Mockito in Flutter
11:26
AI with Flutter
Рет қаралды 1,3 М.
Flutter UI Tip 2: Staggered Grid View
5:42
Fun with Flutter
Рет қаралды 25 М.
Complex Animations in Flutter using Rive | Flare
15:44
FilledStacks
Рет қаралды 224 М.
ASMR Programming - Spinning Cube - No Talking
20:45
Servet Gulnaroglu
Рет қаралды 3,8 МЛН
Implementing complex UI with Flutter - Marcin Szałek | Flutter Europe
44:26