ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก

Flutter Tutorial - Builder & BuildContext - Everyone should understand this - Deep Dive

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ต.ค. 2020
  • Here is everything you need to know about the BuildContext & the Builder Widget in Flutter.
    Click here to Subscribe to Johannes Milke: www.youtube.co...
    - Source Code: github.com/Joh...
    - Buy My Courses: johannesmilke....
    - Follow Twitter: in...
    Resources:
    Todo App Tutorial: • Flutter Tutorial - 1/3...
    Build A Chat App Tutorial: • Flutter Tutorial - Bui...
    Social App Design: • Flutter Tutorial - Soc...
    Tinder Clone UI Tutorial: • Flutter Tutorial - Tin...
    -- JOIN THE CREW --
    bit.ly/Johannes...
    SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS
    *********
    SOCIAL MEDIA: Follow Me :-)
    - Twitter: in...
    - Linkedin: / johannesmilke
    - Github: github.com/Joh...
    PLAYLISTS
    - All Flutter Videos: • Flutter Tutorial - Tex...
    - Widgets - Flutter: • Flutter Tutorial - Sel...
    - Plugins - Flutter: • Local Push Notificatio...
    - Animations - Flutter: • #12 - Flutter Advent -...
    - Designs - Flutter: • Flutter - Screen Desig...
    If you find this video useful, LIKE & SHARE this video to help other people who also learn Flutter :)
    bit.ly/Johannes...
    CREDITS
    Copyright song "Corporate Technology" by scottholmesmusic.com
    #Flutter #Tutorial #JohannesMilke
    LIKE & SHARE & ACTIVATE THE BELL
    Thanks For Watching :-)

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

  • @tuberk
    @tuberk 3 ปีที่แล้ว +7

    Just perfect. If every video of yours is as clear as this one, you will be my saviour.

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

      Thank you, Tuğberk! 🙂 Sure I try to get better and better over time simply check out my Flutter playlist: th-cam.com/video/HZD-0zgpuak/w-d-xo.html

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

    excellent explanation... after reading through a lot of articles without grasping the meaning behind context, I finally understood thanks to you Johannes, Thank you very much.

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

      Glad I could be of help, You are welcome علمني اب - 3alemneUP! 😊

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

    Hahaha 😂 😂 😂 😂 oooh my God why was struggling with Build context ? Because i didn't have a good teacher until now.... Thanks keep up the good work man hands to head salute

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

    Brother, understanding the concept of builder context is so crucial that no other tutorial or article can explain like you did.

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

    Seems I finally found someone I can listen to

  • @sankethb.k642
    @sankethb.k642 2 ปีที่แล้ว +1

    I never really understood how context works before this. Thanks a lot!!

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

    I waited for this video so long... and finally it's here
    Thanks a lot

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

    You make these very easy to understand. Kudos!!

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

    You are right, every one should understand this!!!!

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

    This should be studied sooner...
    i was facing the issue "At this point the state of the widget's element tree is no longer stable."
    so need to go back to basic....
    thankyou Johannes sir for this awesome conceptual video

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

    Thank you. Very particular & clear explanation.

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

    very important subject out of the typical flutter tutorials, outstanding learning material! thanks.

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

      You’re most welcome, Oswaldo Olea! 🙂

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

    Amazingly well explained

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

    That was crystal clear. Thank you very much.

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

    Very nice explanation

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

    tk you so much!!! finally a good explanation!!

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

    I have My Interview today on flutter ,this helped me thanks!

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

    Crystal clear! Thanks man ❤

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

      You are welcome, Abid Hasan!

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

    So nicely explained!! 🙏 Keep doing your great work always!! ❤️

  • @MohitKumar-kh6mv
    @MohitKumar-kh6mv 3 ปีที่แล้ว

    Awesome Awesome explanation

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

    Johannes you made my day - Thanks a lot :)

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

    at last I found a good explanation.

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

      Great, Thank you AJITH R!

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

    good explaination!

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

    Great content. Thanks!!!

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

    Perfect, Just Perfect!!!

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

      Thank you, Shikhar Agarwal! 🙂

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

    I just do not think there is anybody who explains flutter so great like this guy, aah why has google not hired you to join their flutter team man😟

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

      Thanks, for your support, Mkhwanazi cebo! 🙂

  • @sarathkumarg5220
    @sarathkumarg5220 2 หลายเดือนก่อน

    ❤ from India

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

    Bro you are amazing thank you!!

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

      You’re most welcome, Tobla Mabor! 🙂

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

    do u know that you are the best. thank you for this explanation.

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

    thank you!

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

    you are the best

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

    great video.

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

      Thank you, Suraj Suryawanshi! 🙂

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

    Great examples!

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

    Excellent explanation!
    The only thing I don't get is: If every widget has its own context, why this whole thing works? I mean in the first example why calling the "Scaffold.of" doesn't work if "Raisedbutton" has its own context? Or even more complex, imagine a "Container" and the "Raisedbutton" inside it. Shouldn't the "Scaffold.of" works since "Container" is above it and has "context"? I know it doesn't but don't know why. Thanks!

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

      Thanks, Samuel! 🙂 We are never using the context of the RaisedButton since we cannot access it and it is inside of the RaisedButton Widget. The main point about BuildContext is that you need to use the BuildContext under the widget that you want to access such as demonstrated at 3:04.
      At 1:40 it is demonstrated why you cannot use the MainPage BuildContext since it is on top of the Scaffold in the widget tree, and therefore you cannot access the Scaffold.

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

    thank you man!!subbed.

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

    Hi, i love your videos, i learned about context clearly from you.
    Can you please make also a video about state management in the way you explain about context.
    Thank you and more power!

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

      Thank you, SuperChainMan! Check out this video about state management: th-cam.com/video/l3KnuUmlr-w/w-d-xo.html&ab_channel=JohannesMilke

  • @user-wr9ff4wl4o
    @user-wr9ff4wl4o 2 ปีที่แล้ว

    thx! great!

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

      You are welcome, Роман Сергеевич!

  • @user-rp7xx7xo2z
    @user-rp7xx7xo2z ปีที่แล้ว

    amazing

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

      Thanks, @user-rp7xx7xo2z! 🙂

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

    Thanks bro

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

    Nice video and explanation. However … you use opera, that surprised me the most xD. Best of Luck

  • @eNONO-ot4zh
    @eNONO-ot4zh 3 ปีที่แล้ว

    thank Johannes.
    How to fix "Looking up a deactivated widget's ancestor is unsafe" once forever ?
    thank you in advance

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

    How do I get the current context used? I'm triggering overlay notifications from a provider that needs current context in order to display overlay notifications he is managing

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

      Thank You Sara Ttbb! Follow this link: stackoverflow.com/questions/50246019/how-to-get-the-current-context-in-flutter
      I hope you will get your answer 🙂

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

    thank for your teach but I have a question is can we name that is the builder function doing as link between the top and buttom

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

      Thank you Scholar Ship! 🙂 The purpose of the Builder is only to supply you with a Build Context. Or what do you mean?

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

    This might help you :)
    Todo App Tutorial: th-cam.com/video/CQZr-GXe__Y/w-d-xo.html
    Build A Chat App Tutorial: th-cam.com/video/wHIcJDQbBFs/w-d-xo.html
    Social App Design: th-cam.com/video/PvDOgOdUgkU/w-d-xo.html
    Tinder Clone UI Tutorial: th-cam.com/video/v1wofhoutBk/w-d-xo.html

  • @kavin.kumar2122
    @kavin.kumar2122 3 ปีที่แล้ว

    please make some more bloc videos

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

      Thanks Encyclopedia, sure I can however did you try already Riverpod: th-cam.com/video/8H3bwxxla4Y/w-d-xo.html This is a new & trendy state management

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

    so Build is a shortcut to getting a closer context

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

      Thank you, Brendan Chatt! 🙂. You could learn more about flutter architecture here: flutter.dev/docs/resources/architectural-overview

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

    Raised button seems to be deprecated now. So, I used the Elevated button instead. But here is an error with the Snackbar: "The method 'showSnackBar' isn't defined for the type 'ScaffoldState'."
    I tried ScaffoldMessenger.of(context).showSnackBar() and it works, but independently of "builder" exists of not for the scaffold

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

      @@HeyFlutter Thanks a lot!

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

      Thank You Alexey Antonenko! Follow this link: stackoverflow.com/questions/68011487/the-method-showsnackbar-isnt-defined-for-the-type-buildcontext
      I hope you will get your answer 🙂