Staggered Animations Made Simple - Flutter Simple Animations Tutorial

Поділитися
Вставка
  • Опубліковано 31 лип 2024
  • 📗 Learn from the written tutorial 👇👇
    resocoder.com/flutter-simple-...
    📧 Get Flutter news 📰 and resources:
    👉 flutter.education
    👨‍💻 Do you write good code? Find out now!
    resocoder.com/good-code-quiz
    Flutter has a reputation for allowing developers to build beautiful animated UIs and it's rightfully so. While you can build absolutely everything with just default Flutter classes and widgets, it sometimes gets way too tedious and time consuming to do so. Let's see how to make implementing even the most complex animations a breeze.
    Go to my website for more information, code examples, and articles:
    ● resocoder.com
    Follow me on social media:
    ● / resocoder
    ● / resocoder
    ● / resocoder

КОМЕНТАРІ • 33

  • @GabrielCosta-xr5vr
    @GabrielCosta-xr5vr 3 роки тому

    Great to see my favorite animation package explained here!

  • @fabianfischer56
    @fabianfischer56 3 роки тому

    Thank you so much for this. It started to get messy in my project, but now it's much more readable.

  • @underfilho
    @underfilho 3 роки тому +4

    I love how we had a similar trajectory, I started in mobile with Xamarin, so I learned a lot with your first videos, then I moved to Kotlin, and to my surprise you also changed, so I watched some more videos, and now that I'm in Flutter, you are in this too hahaha, it's always a pleasure to have your videos to follow

  • @laybunzz
    @laybunzz 2 роки тому

    Brilliant, as always!

  • @h3w45
    @h3w45 3 роки тому

    Thank you for covering this.

  • @pedrodelacruz2369
    @pedrodelacruz2369 3 роки тому

    Wow!!! Just what i have beem waiting

  • @FilledStacks
    @FilledStacks 3 роки тому

    Welcome back! Welcome back! I love the animation package as well.

    • @ResoCoder
      @ResoCoder  3 роки тому +1

      Yep! If only creating tutorials wouldn't be such a long process... Lol

    • @FilledStacks
      @FilledStacks 3 роки тому

      @@ResoCoder Tell me about it! Sometimes I think it'll take 4 hours then its like 2 weeks of on and off work lol. Crazy

  • @josecoverlessons
    @josecoverlessons 3 роки тому

    I always use simple animations package. Great content as always

  • @akashdalvi-wanderingthemarket
    @akashdalvi-wanderingthemarket 3 роки тому +3

    how the hell do you make such clean tutorials!! really, how many people you got in your team?

  • @erlangparasu6339
    @erlangparasu6339 3 роки тому

    thank you!

  • @LuizHenrique-if1fv
    @LuizHenrique-if1fv 3 роки тому +2

    I see that M1 Macbook right there Reso! Thank you for covering the subject.

    • @andreygritsay762
      @andreygritsay762 3 роки тому

      M1 Mac is incredible! (Though for now it still has some issues with Android emulator (web view) and not native dart)

  • @weenitmaharjan1594
    @weenitmaharjan1594 3 роки тому

    @Reso Coder How to enable auto-complete all the required events in bloc (event.map) ?

  • @sabirjankungradbaev0_o
    @sabirjankungradbaev0_o Рік тому

    I love your vs code theme. what font are u using

  • @aliakkawi4759
    @aliakkawi4759 3 роки тому

    Thanks for the video, can you please make a video to address the iOS jank issue, how serious this issue could be and how can it affect the future of Flutter development. Thanks

  • @gravitstudio
    @gravitstudio 3 роки тому

    what is the font you have use in the editor?

  • @hardiksachan3948
    @hardiksachan3948 3 роки тому

    Hey! Can you make a tutorial on rxdart?

  • @aaklii
    @aaklii 3 роки тому

    Hey Matt,
    Since BLOC is recommended to be used only for business logic. What should be used to animate UI or change state of UI based on UI logic only. Like clicking on a button shows or hides another widget in the widget tree. Handling UI logic is easy if the changes are inside a single stateful widget but what If I have fragmented my huge widget tree into sub widgets and a widget on top of the tree should be responsible of showing or hiding a widget at the bottom.
    I have tried ValueChangeNotifier to modify data through the widget tree but than I have to pass instance of ValueChangeNotifier to the bottom of tree through constructors.
    Currently I am using CUBIT bloc to manipulate UI based on events raised by user on any other widget like pressing a button.
    So basically I am having Flutter Bloc for business logic and Cubit for UI logic. What do you think about my approach?

    • @ezeaguprincewill7005
      @ezeaguprincewill7005 3 роки тому

      Use the riverpod package. Trust me, it’s way easier and less code than BLoC, and more flexible

  • @hammadpervez4568
    @hammadpervez4568 3 роки тому

    Read my question it's important please, I'm currently working on an e-commerce project Having an issue with route navigation stacking
    I've an appbar with cart action button
    1) user tap on a product. It gets you to the product detail and fetch it by ID.
    2) on redirecting to product detail, I pop HomeView.
    3) when user tap on back button, I offPush to home screen.
    4) when user is on cart screen from detail page and on tap of cart item it redirects to detail page and then pop it on back button press.
    Etc......
    I'm currently using onRouteGenerator to manage my route navigation. But I don't know how can I recognize is it home page I should redirect to or detail. When screen gets more nested and nested it's becomes a mass to handle.
    Sorry for the bad explanation

  • @Saketjsaket
    @Saketjsaket 3 роки тому

    We want one full video on migration to null safety.

  • @wtfwhattheflutter6308
    @wtfwhattheflutter6308 3 роки тому

    Please tell us the theme name that you are using in vs code

    • @TheFlyingMonkey200
      @TheFlyingMonkey200 3 роки тому

      Give one called “Ayu” a shot. It looks quite similar to his. Make sure to then switch to “Ayu Mirage” contained within Ayu for the cool blue look.

  • @stkluedebruin5559
    @stkluedebruin5559 3 роки тому

    Can you do forms using flutter bloc and dartz package?

    • @nileshbhakre7050
      @nileshbhakre7050 3 роки тому

      He has already explained bloc and datz in his TDD tutorial, I think u should check it out

    • @diogosequeira4873
      @diogosequeira4873 3 роки тому

      there's a package called FormZ that works really well with bloc.

  • @banglafactsteller6780
    @banglafactsteller6780 3 роки тому

    plz start a new app series

  • @amanrubey
    @amanrubey 3 роки тому

    What is your name?

  • @kiwicrow123
    @kiwicrow123 3 роки тому

    It's hard to follow u 😅. Y not do sth from scratch.

  • @arnaudduquenoy2061
    @arnaudduquenoy2061 3 роки тому

    Hello Reso Best Coder we are missing you and your teaching Genius .. and i'm not flattering