Flutter Animation in 5 Minutes

Поделиться
HTML-код
  • Опубликовано: 10 июл 2024
  • 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...

Комментарии • 184

  • @blank-vw2sb
    @blank-vw2sb 4 года назад +83

    Great content! Lost it when you say "men want curves" XD

    • @FunwithFlutter
      @FunwithFlutter  4 года назад +18

      Lol glad you liked it. I think I should add more jokes to the videos.

    • @blank-vw2sb
      @blank-vw2sb 4 года назад +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 года назад +2

      @@blank-vw2sb true

    • @SuperCommix
      @SuperCommix 3 года назад +1

      Lol 😂🤣

    • @hammadpervez4568
      @hammadpervez4568 2 года назад

      Nope Men don't want curves, They want flexiblity . Specially in girls hahahaha

  • @KndyKanesaw
    @KndyKanesaw 4 года назад +16

    This is probably ones of the most enjoyable and helpful tutorials for flutter on YT. Thank you man, great work.

  • @sergioduarte6857
    @sergioduarte6857 3 года назад +1

    Your videos are on another LEVEL!!!

  • @arifwaqas7783
    @arifwaqas7783 3 года назад +6

    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

  • @frankcompston5065
    @frankcompston5065 4 года назад +11

    I’m here for your sense of humor.

  • @ahmed.hammami590
    @ahmed.hammami590 3 года назад +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

  • @rey-karl-studio
    @rey-karl-studio 2 года назад +4

    Highly value content worth storing. I just saved this video for later use. Thanks and continue posting.

  • @kristinnewmancscs
    @kristinnewmancscs 3 года назад

    LOL Thank you so much for the concise explanation with the humor injected! :D

  • @playmission418
    @playmission418 2 года назад +3

    2:53 “What’s created must be destroyed”
    Just don’t destroy what you create on your youtube channel. Great contents

  • @everydaystoriesanimated2318
    @everydaystoriesanimated2318 4 года назад +2

    *Great Video. *YOU DESERVE MORE SUBS! ↗️📈👍

  • @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

  • @blouberguy4647
    @blouberguy4647 Год назад

    okay when u said lazy that's when I subscribed love this videos !

  • @rajdave7357
    @rajdave7357 3 года назад

    Are mere bhai, maza aagaya, bahot hi badhiya

  • @janow25
    @janow25 4 года назад

    Instant Abo! You are Insane!

  • @alpw404
    @alpw404 Год назад

    best tutorial ever, thanks

  • @HijabiCoder
    @HijabiCoder 3 года назад

    Wow, just discovered your channel and you are Gold!! Standards set 😀

  • @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

  • @g-luu
    @g-luu 4 года назад

    Fantastic. Going to purchase this.

    • @FunwithFlutter
      @FunwithFlutter  4 года назад +1

      ☺️ good timing. A great section will be added to the course in a couple of days, covering performance

  • @chigozie123
    @chigozie123 3 года назад +6

    Dude who are you?
    This gets my adrenaline going!!

  • @lucas404x
    @lucas404x 3 года назад

    Excellent video man! I loved it

  • @xcraftminebb
    @xcraftminebb 3 года назад

    Great video!

  • @pedroferreira4043
    @pedroferreira4043 2 года назад

    I learned more in this video thanin my last 5 days of research

  • @homeofcreation
    @homeofcreation 4 года назад +1

    That's what I call a discount! Thank you very much.

  • @balaganesh3440
    @balaganesh3440 4 года назад

    man!!!! that's awesomeee!

  • @aissaserrar3059
    @aissaserrar3059 4 года назад +7

    I just bought your course

    • @FunwithFlutter
      @FunwithFlutter  4 года назад +4

      And followed me on Twitter :) :) Thanks

  • @codemagicio
    @codemagicio 4 года назад

    This is cool!

  • @sitcomrave
    @sitcomrave 4 года назад

    this is really fun with flutter

  • @thinkingaboutit7635
    @thinkingaboutit7635 3 года назад +1

    You are the best man, thx 💓

  • @roshandroids
    @roshandroids 3 года назад +1

    Just found out the perfect video, ❤️

  • @BrendansReasons
    @BrendansReasons 2 года назад

    Legendary explanation

  • @cristianberbecaru3441
    @cristianberbecaru3441 3 года назад +2

    The joke with curves was a good one

  • @patheticgeek
    @patheticgeek 3 года назад +1

    I'm gonna reward you the highest honor i can, subcribe with notifications on!

  • @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

  • @russazsuraj630
    @russazsuraj630 3 года назад +1

    Amazing !!!! thanx :)

  • @Aman26758
    @Aman26758 4 года назад +1

    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...

  • @addler94
    @addler94 4 года назад

    Love your Style 😂😂

  • @steinkuste3492
    @steinkuste3492 2 года назад +1

    great work bud, keep it up

  • @theorie_avis
    @theorie_avis 4 года назад

    Oh yeah!! so amazing

  • @takkovacs9153
    @takkovacs9153 3 года назад

    Great content

  • @roycevaz
    @roycevaz 3 года назад

    5 mins felt like 1 hour. Great content

  • @aadiegoaa96
    @aadiegoaa96 3 года назад

    Awsome, thanks

  • @oviet541
    @oviet541 3 года назад

    nice trick. thank you for sharing

  • @juliadebecka5815
    @juliadebecka5815 3 года назад +1

    Bro this discount was so nice. Made my heart melt. I bought your course and i can't wait to start developing new skills!

  • @rajdave7357
    @rajdave7357 3 года назад

    Amazing my Brother, It's Awesome, thank you very very very much for this video

  • @smarpitsingh
    @smarpitsingh 2 года назад

    Perfect 👌

  • @nzuzomal4545
    @nzuzomal4545 4 года назад

    This was fire

  • @Hasan-po6ud
    @Hasan-po6ud Год назад

    Thanks

  • @AdriSinaga
    @AdriSinaga 4 года назад

    Good video thank you !

  • @IamAWildMan
    @IamAWildMan 3 года назад +5

    You explain this in 5 minutes, which net ninja can do only in 10 videos.

    • @lyricsmint567
      @lyricsmint567 3 года назад +2

      No offense, bt Netninja is G.OAT

  • @VJKoding
    @VJKoding 4 года назад

    amazing tips thanks you bro

  • @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 года назад +1

      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

  • @vinceramcesoliveros6739
    @vinceramcesoliveros6739 4 года назад +2

    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.

  • @shivam-dua
    @shivam-dua 4 года назад

    CRISP!

  • @akshaybhandari8951
    @akshaybhandari8951 2 года назад

    can you help understand 2d scrolling for an infinite canvas? Great video!

  • @BreegBenjamin
    @BreegBenjamin 4 года назад

    Buen vídeo amigo.

  • @NitrosS
    @NitrosS 2 года назад

    Neo: I know Animations
    Morpheus: Show me..
    this video: ....

  • @budgeter4807
    @budgeter4807 4 года назад

    Total Pro!!!!!!!!!!!!

  • @blank-vw2sb
    @blank-vw2sb 4 года назад

    I underestimated this video. It's great

    • @FunwithFlutter
      @FunwithFlutter  4 года назад +1

      Exceeded expectations - check

    • @blank-vw2sb
      @blank-vw2sb 4 года назад

      @@FunwithFlutter I want to connect with you in twitter. You are AWESOME

    • @FunwithFlutter
      @FunwithFlutter  4 года назад +1

      @@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

  • @abdelrahmanmustafaelmarakb1080
    @abdelrahmanmustafaelmarakb1080 3 года назад

    I will do anything just to watch your videos and your jokes were so funny

  • @abdellahjaadi8979
    @abdellahjaadi8979 4 года назад

    realy nice bro

  • @bibash3128
    @bibash3128 4 года назад

    i like your way of teaching.. Keep it up..

    • @FunwithFlutter
      @FunwithFlutter  4 года назад +1

      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

  • @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

  • @xtraszone
    @xtraszone Год назад

    I am your Subscriber..🥰

  • @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 года назад +3

    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

  • @chrisrn3226
    @chrisrn3226 2 года назад

    3:45 only the strongest ones will catch the reference

  • @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

  • @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

  • @shaileshsharma1497
    @shaileshsharma1497 3 года назад

    Sir who teaches that course

  • @lyricsmint567
    @lyricsmint567 3 года назад

    Finally a competition to Fireship.

  • @bladesofevil
    @bladesofevil 3 года назад

    youtube gods need you

  • @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...
      }

  • @manuelplavsic9973
    @manuelplavsic9973 2 года назад

    Is your course a one-time purchase?

  • @xenin321
    @xenin321 4 года назад

    i want to join the course but my country ban vimeo, cant play video

  • @developeraj4795
    @developeraj4795 2 года назад

    I can't afford the course , and FUN code isn't working :(

  • @faisalfotoh1909
    @faisalfotoh1909 2 года назад

    please need to learn how to enranc elent to screen one by one with animation

  • @hsinwenjohnny4441
    @hsinwenjohnny4441 4 года назад

    hi~ how can i add caption on the course , that is very helpful to me

    • @FunwithFlutter
      @FunwithFlutter  4 года назад +1

      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 года назад +1

      @@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~

  • @ZachariahZacXAbraham
    @ZachariahZacXAbraham 4 года назад

    We. Are. Proooos.

  • @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

  • @mochamadrosyidridho6237
    @mochamadrosyidridho6237 4 года назад +1

    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 года назад +1

      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

  • @subhamsaha8047
    @subhamsaha8047 2 года назад

    coupon not working 🥺😕

  • @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

  • @ramisaid9906
    @ramisaid9906 4 года назад

    5/5

  • @rakharuan
    @rakharuan 3 года назад

    I love u

  • @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.

  • @Ryze001
    @Ryze001 10 месяцев назад

    I'm enable to buy the course, ERROR: "This school is not open for enrollment."

  • @zinedinejeanpierreeriqueto3795
    @zinedinejeanpierreeriqueto3795 3 года назад

    Plis

  • @MarceloPetrucelliBR
    @MarceloPetrucelliBR 2 года назад

    wait wait, I recognize this voice. Isn't you the same guy from Pwned channel?

    • @FunwithFlutter
      @FunwithFlutter  2 года назад +1

      Nope 🙂. Though I make videos for “Stream Developers”

    • @MarceloPetrucelliBR
      @MarceloPetrucelliBR 2 года назад

      @@FunwithFlutter Wow, your voices are sooo similar. Anyway, thanks for the ack.

  • @daddy4484
    @daddy4484 Год назад

    could you send me the source code, please?

    • @FunwithFlutter
      @FunwithFlutter  Год назад

      Unfortunately I don't have it. It's now in the ether somewhere

  • @zinedinejeanpierreeriqueto3795
    @zinedinejeanpierreeriqueto3795 3 года назад

    Sub spanish porfavor

  • @AntonioArnoldoLimadaSilva
    @AntonioArnoldoLimadaSilva 4 года назад

    Im start flutter and really want make this curse but dolar is 5x de real (brl) :-/

  • @BrendansReasons
    @BrendansReasons 2 года назад

    Why? *twisty text*

  • @dev_app
    @dev_app 2 года назад +1

    Don't ask qu because we don't have time 😂😂

  • @hobisoon
    @hobisoon 3 года назад

    SA?

  • @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.

  • @nebulium6641
    @nebulium6641 3 года назад

    honestly i think the flutter code layout is kinda disgusting...