Flutter Tutorial - Amazing Lottie Animations | Android, iOS, Flutter Web

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ต.ค. 2024

ความคิดเห็น • 70

  • @HeyFlutter
    @HeyFlutter  2 ปีที่แล้ว

    This might help you :)
    👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: github.com/JohannesMilke/lottie_example
    Download Free Lottie Animations: lottiefiles.com/featured
    Image Picker From Gallery & Camera Tutorial: th-cam.com/video/MSv38jO4EJk/w-d-xo.html
    User Profile Page Tutorial: th-cam.com/video/gSl-MoykYYk/w-d-xo.html
    Crop & Save Image Tutorial: th-cam.com/video/pXbBTJt7frM/w-d-xo.html
    Upload File To Firebase Storage Tutorial: th-cam.com/video/dmZ9Tg9k13U/w-d-xo.html
    Share Texts, Images, Files Tutorial: th-cam.com/video/-PmUFbbA-Fs/w-d-xo.html
    Image Slider Tutorial: th-cam.com/video/JEMx2ax0734/w-d-xo.html
    Take Screenshots Of Screen Tutorial: th-cam.com/video/rABnaF-Xk3E/w-d-xo.html
    Download File From Firebase Storage Tutorial: th-cam.com/video/YA_fHCF_EYc/w-d-xo.html
    Settings Page UI Tutorial: th-cam.com/video/pYQAhrY_SQA/w-d-xo.html
    SVG Images Tutorial: th-cam.com/video/E3xVcQ0TAHg/w-d-xo.html
    Set Screen Background Image Tutorial: th-cam.com/video/sDS4c1C-Fdg/w-d-xo.html
    Cached Network Image Tutorial: th-cam.com/video/6wvD-Z-9ZRM/w-d-xo.html
    Compress Video Tutorial: th-cam.com/video/JUeWeZXn71M/w-d-xo.html
    Video Player Tutorial: th-cam.com/video/uz4xRnE-UIw/w-d-xo.html
    Drop Files Into Dropzone Tutorial: th-cam.com/video/pZdJX3PAydQ/w-d-xo.html

  • @prayandcode
    @prayandcode 3 ปีที่แล้ว +4

    You are just a life saver. That's all I can say. Keep up the good work..👍🏽

  • @mmokenape4730
    @mmokenape4730 3 ปีที่แล้ว +2

    My guy ONLY creates amazingly helpful and awesome videos. Thanks again, man!

  • @crazy-man
    @crazy-man 3 ปีที่แล้ว +2

    this is an interesting topic. Maybe consider the topic with the controller more? There fast forward, 5 sec, Time remap, Markers and so on

  • @emmanuelbonke7374
    @emmanuelbonke7374 2 ปีที่แล้ว

    I've been struggling with this effect...
    You're amazing...
    Keep going...

  • @awumbesolomon3517
    @awumbesolomon3517 3 ปีที่แล้ว

    you are the best......which site did you download the animation???

  • @munyaabdulhameed9287
    @munyaabdulhameed9287 2 ปีที่แล้ว

    Thank you very much
    We want also lessons in rive and flare animations 🙏🏻🙏🏻🙏🏻🌷

  • @yomnaahmed4076
    @yomnaahmed4076 2 ปีที่แล้ว

    Awesome ❤❤
    Pls never stop sharing videos like this 🥺

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว +1

      Great, thank you Yomna! Sure I will keep sharing 👍🙂

  • @oddeven327
    @oddeven327 7 หลายเดือนก่อน

    very useful tutorial, Thank you!

    • @HeyFlutter
      @HeyFlutter  6 หลายเดือนก่อน

      You are welcome, @oddeven327 😊

  • @iGhostr
    @iGhostr 3 ปีที่แล้ว +2

    amazing, could you do Rive too in the near future?

    • @mmokenape4730
      @mmokenape4730 3 ปีที่แล้ว

      This would be so appreciated!

  • @michaelokhaimoh6809
    @michaelokhaimoh6809 2 ปีที่แล้ว

    My Flutter Goat! Please continue

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Great, thank you Michael Okhaimoh! Sure I will do 👍🙂

  • @lailaabdulrahman9138
    @lailaabdulrahman9138 ปีที่แล้ว

    Thanks alot very clear and useful and your words are very clear

    • @HeyFlutter
      @HeyFlutter  ปีที่แล้ว

      Glad to hear that, Thank you Laila Abdulrahman! 😊

  • @TheWhoIsTom
    @TheWhoIsTom 3 ปีที่แล้ว +1

    And again...the next awesome video:) Thanks!!

  • @ahteramkhattak2243
    @ahteramkhattak2243 2 ปีที่แล้ว

    Nice pick maarte!!!! 👍👍👍👍👏👏👏👏👏

  • @mywork5175
    @mywork5175 3 ปีที่แล้ว

    Is the lottiesfile free for Commercial and Personal Use? and No need to credit, license, or anything.?

  • @samorket8091
    @samorket8091 3 ปีที่แล้ว +1

    nice Job keep up with the good work.

  • @rammehar5531
    @rammehar5531 3 ปีที่แล้ว

    Very interesting video. Pls make video on flutter bloc and auto_route library with auth flow

  • @lyricsdrops4006
    @lyricsdrops4006 3 ปีที่แล้ว +1

    I have downloaded a couple of blob animations from lottie but theyre simply just showin up but not movin what should i do?

  • @StudyStream1998
    @StudyStream1998 ปีที่แล้ว

    Really helpful video mate!
    This is exactly what I was looking for :)

    • @HeyFlutter
      @HeyFlutter  ปีที่แล้ว

      Glad it was helpful, @StudyWithSoftwareEnginee-bb3ns 😀

  • @yacyasma9293
    @yacyasma9293 2 ปีที่แล้ว

    thankyou, keep doing what are you doing, right behind you

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว +1

      Thanks, for your support, Yac Yasma! 🙂

    • @yacyasma9293
      @yacyasma9293 2 ปีที่แล้ว

      @@HeyFlutter you deserve it, really good work

  • @drooner
    @drooner 2 ปีที่แล้ว

    Like always you are a genius. Flutter is sometimes too cumbersome though.

  • @001Debjeet
    @001Debjeet 3 ปีที่แล้ว +1

    please make a video on flutter videocall with the help of webrtc .. the resources are very less in for flutter

    • @001Debjeet
      @001Debjeet 3 ปีที่แล้ว

      @@HeyFlutter thanks man you doing great job for newbie like us

  • @letmeflutter6644
    @letmeflutter6644 2 ปีที่แล้ว

    very helpful tutorial👍

  • @VinayakAmirtharaj
    @VinayakAmirtharaj ปีที่แล้ว

    hey hi HeyFlutter... I am using a loading with onsuccess on onfailure state with the animation loop... how i can handle the programmatically and show success state on success scenario alone and not always

    • @HeyFlutter
      @HeyFlutter  ปีที่แล้ว

      Thank You Vinayak Amirtharaj! Follow this link: stackoverflow.com/questions/58093029/show-a-loading-indicator-while-waiting-for-api-response
      I hope you will get your answer 🙂

  • @4n1mefun90
    @4n1mefun90 2 ปีที่แล้ว

    can you tell me the differences between after effect, lottie and rive, they don't all work the same, which one do you think I should use for flutter dec

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You 4N1ME FUN! Follow this link: medium.com/codex/animations-users-love-75a57a8cad5
      I hope you will get your answer 🙂

  • @samadshukr4111
    @samadshukr4111 3 ปีที่แล้ว +1

    Is there any way to change the lottie animation background please in the app?

    • @samorket8091
      @samorket8091 3 ปีที่แล้ว +1

      I haven't tried it but I think a stack widget should work. ie apply colored to a container widget at the bottom of your stack then place the widget containing the lottie animation on top

    • @samadshukr4111
      @samadshukr4111 3 ปีที่แล้ว

      @@samorket8091
      Well, there is one problem that even he has the background for example if the background is white and I want to use dark mode with the dark background it gonna be a problem

    • @samadshukr4111
      @samadshukr4111 3 ปีที่แล้ว

      @Juan Sin Miedo thanks

  • @bontenorganization9828
    @bontenorganization9828 2 ปีที่แล้ว

    can we use this in ChangeNotifierProvider? as i wanted to use this splash screen and home page should be as user id

    • @bontenorganization9828
      @bontenorganization9828 2 ปีที่แล้ว

      @@HeyFlutter just i have to write the codes which you used ??

  • @warlockCommitteeMeeting
    @warlockCommitteeMeeting 2 ปีที่แล้ว

    Thank you!

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      You are welcome, Avram Mischoff!

  • @Kumar2k12
    @Kumar2k12 2 ปีที่แล้ว

    or How to redirect to splash animation or video screen from main.dart How to call or initialize splash screen page

  • @lyricsdrops4006
    @lyricsdrops4006 3 ปีที่แล้ว

    Is there any way to resize or increase the size if the animation?

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You LyricsDrops! Follow this link: medium.com/flutter-community/flutter-working-with-animatedsize-35253ff8f16a
      I hope you will get your answer 🙂

  • @naveen__sah
    @naveen__sah ปีที่แล้ว

    thank you!!

    • @HeyFlutter
      @HeyFlutter  ปีที่แล้ว

      You are welcome, Naveen Sah!

    • @naveen__sah
      @naveen__sah ปีที่แล้ว

      @@HeyFlutter can you please make a tutorial on Role based access control through firebase (login as admin/user) and save the login state of (admin/user) using shared preferrences or other method...

  • @AravindanJ-je9ln
    @AravindanJ-je9ln 3 ปีที่แล้ว

    Why we are using dispose() function?

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank you, Aravindan J! 🙂 if we avoid using dispose animations will keep on executing in background and will cause application to lag

  • @monireachtang712
    @monireachtang712 ปีที่แล้ว

    amazing!

    • @HeyFlutter
      @HeyFlutter  ปีที่แล้ว

      Thanks, @monireachtang712! 🙂

  • @bloodwinggamer1444
    @bloodwinggamer1444 2 ปีที่แล้ว

    Bro I am facing serious trouble it is showing not declared Lottie plz helping out

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You bloodwing gamer! Follow this link: stackoverflow.com/questions/69098873/undefined-name-lottie-error-in-flutter
      I hope you will get your answer 🙂

  • @salmanfrahman9073
    @salmanfrahman9073 3 ปีที่แล้ว

    Awesome! I like your videos, they are super helpful ^_^

  • @AravindanJ-je9ln
    @AravindanJ-je9ln 3 ปีที่แล้ว

    What is init state and set state and what's difference between that?

    • @AravindanJ-je9ln
      @AravindanJ-je9ln 3 ปีที่แล้ว

      @@HeyFlutter Thank You 😀

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thanks, also Aravindan J! 🙂
      InitState :- it a function that is called before build() method is called or you can say before any ui is rendered on screen.
      setState :- it is a method that can be used only in stateful widget and it is used to update ui

  • @AlokTechWorld
    @AlokTechWorld ปีที่แล้ว

    Dude, so just to get the code access I will have to subscribe to newsletter (without knowing I will have to do more) and then I will have to share about your website to 7 people?
    What next? Will I have to offer sacrifice as well 🤣🤣🤣☮️

    • @HeyFlutter
      @HeyFlutter  ปีที่แล้ว

      Thank You Alok Rai!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware

    • @AlokTechWorld
      @AlokTechWorld ปีที่แล้ว

      @@HeyFlutter No worries man. There is no doubt your content is awesome. Keep it up. I am using Lottie in my app and got the idea from your video 👍👍👍☮️

  • @jeesbondjeerasak7624
    @jeesbondjeerasak7624 2 ปีที่แล้ว

    If I want to add education animateion in flutter, how can I find it ?

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You Jeesbond Jeerasak! Follow this link: medium.flutterdevs.com/example-animations-in-flutter-2-1034a52f795b
      I hope you will get your answer 🙂