Flutter Tutorial for Beginners #16 - Stateful Widgets

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

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

  • @vritikaboliwal6337
    @vritikaboliwal6337 4 ปีที่แล้ว +182

    I tried learning flutter from various other sources and trust me, this is the only one that has helped me understand it for real

  • @ranjitpratiksha
    @ranjitpratiksha 5 ปีที่แล้ว +132

    Please don't stop this series until it's completion. I am following your flutter tutorial for the first time in your channel. and you teaching really well.

    • @NetNinja
      @NetNinja  5 ปีที่แล้ว +24

      Thank you - many more videos in the series to come!

    • @youngjojo3052
      @youngjojo3052 5 ปีที่แล้ว +6

      The Net Ninja my boy ninja is the man he won’t let you down trust and believe me

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

    Last year, I wanted to learn Flutter, and I found a course that made it seem pretty hard. But after watching this playlist, I'm like OMG this is so easy. Can't t thank you enough, you're amazing. Keep up the good work.

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

    I have gone through several flutter tutorials on TH-cam. You are the best! Precise - clear - no back and forth steps. Thank you!

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

      Thank you!

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

    Best teaching method ever found on TH-cam for this language, explaining step by step with full of detailing for each and every thing is really outstanding. You deserve 10/10 star.

  • @97pixels
    @97pixels 4 ปีที่แล้ว +4

    Seriously, this is one of the best-explained series available on youtube right now for a flutter

  • @sarunnorak9981
    @sarunnorak9981 4 ปีที่แล้ว +5

    I've seen other TH-cam series, but did not catch up anything until i see yours. step by step. very professional teaching skill.
    Keep going Ninja

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

    Very clear tutorials, please don't stop making flutter tutorials.

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

    Been around a lots of Flutter-tutorials (a real lot) But this series beats them all. Step by Step you get a better understanding of the language while developing an app with Flutter. I recommend 1.25 speed to save some time.

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

    The way you teach is a high level skill.... Professional and Easy to understand.

  • @leoj8633
    @leoj8633 4 ปีที่แล้ว +37

    a great drinking game
    drink a shot every time he says "Widget"

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

    Hi, I was looking for a content which can learn Flutter with comprehension and this is obviously the best one. Thank you for creating such a great content.

  • @ownsupernoob2
    @ownsupernoob2 5 ปีที่แล้ว +5

    i love how you tech dont stop keep teaching people

    • @ownsupernoob2
      @ownsupernoob2 5 ปีที่แล้ว +4

      thank you im enjoying your course im 10 years old this is my first website i did games-boy.netlify.com this my first app im doing right now

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

      Dude, you are the inspiring one :). At 10 years old you've got an amazing attitude. Keep at it and you will go far :).

    • @DavidMVFX
      @DavidMVFX 4 ปีที่แล้ว

      Thats Great, your website looks very good.

  • @WisdomStacks
    @WisdomStacks 5 ปีที่แล้ว +23

    4:58 - Quick way to convert stateless widgets into stateful widgets.

    • @antoniofuller2331
      @antoniofuller2331 5 หลายเดือนก่อน +1

      I saw this before I started this video. Good habit to read the comments first before watching a video

  • @isiraadithya
    @isiraadithya 4 ปีที่แล้ว +12

    Great Tutorial Bro! Thx a lot. I watched from the beginning to 16 without any break. You are the only one who taught this really well. I tried lot of other learning sources but it is hard. thx thx thx

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

      Ah thanks, glad it helped! :)

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

    you my friend are an absolute godsend when it comes to flutter

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

    You are the best tutor I have ever seen
    You simplify and tell us every details of every code
    Wow
    Am your biggest fan

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

    Excellent series Shaun, I've learned so much with just a few videos, you're a great instructor! Just had a couple of questions for you:
    1) Why does a stateful widget need to be first returned as an instance of the state object and then returned to the app? Why isn't it just returned once like the stateless widgets?
    2) All the styling we've discussed so far has been hard coded in terms of pixels. Isn't this bad practice for responsive design? How do we use percentage values for things like margins so that the app looks the same on all device sizes?

  • @odinVenom
    @odinVenom 4 ปีที่แล้ว +7

    I came here to see difference between stateless and stateful widgets, I ended up viewing video tutorials from the start xD, dude dude... your really a great teacher
    keep it up --> insta sub

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

      you came searching for copper and you found gold?

  • @adrienchew
    @adrienchew 5 ปีที่แล้ว +8

    Thank you for the videos, they really helped me in understanding dart & flutter!
    You deserve more views and subscribers for sure!
    Keep up the good work :)

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

    Finally, state management explained in a good way!

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

    Nice work! To the point, and on an ideal pace. Congratulations on your videos, you've been very helpful.

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

    Jesus Firstly i didn't knew Flutter, but when i saw u. All i gotta say is u opened my eyes to the Flutter World and Applications. You Provide so Simple Tutorials that Even a Caveman Can Understand even if he doesn't know About Coding. Very Good Tutorials

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

    wow you are the best teacher I've ever seen, this was all gibberish to me before

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

    Thanks alot Ninja and please continue more with Flutter we really enjoy the lesson And made it easy for me more than my college lecture

  • @Царь-я1ч
    @Царь-я1ч 4 ปีที่แล้ว +5

    You teacher from the god! Even to me, poorly fluent in English, everything is clear

  • @rubindas
    @rubindas 4 ปีที่แล้ว

    The real flutter ninja. Very good explanation and easy to understand for a beginner like me. thank you ninja

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

    We can update NinjaLevel without setState(){} but the effects will not be shown on screen ( build function is not triggered ).
    We need to use setState(){} only when we need to update the screen or else use it without setState() for better performance.

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

    Can you please make a complete Udemy Flutter course for a few real-world projects? Your teaching is so great. Thank you so much man.

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

    Best flutter tutor out there, keep it up the real ninja

  • @sudipasarkar7981
    @sudipasarkar7981 4 ปีที่แล้ว

    you are really a great teacher ! finally m loving flutter
    I think flutter have fixed the problem at 7:07 i didn't had to reload ...it took the value just after saving it

  • @jonahcoutinho7527
    @jonahcoutinho7527 4 ปีที่แล้ว

    best series ever!! love every bit of this course

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

    Thank you very much. His English is very simple and explanation is very easy to understand for people who are not good at English.

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

      Thank you! 😃

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

    Tutorial is very well structured.... love it 😍

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

    The widgets he use in this video:
    - StatefulWidget{}
    - FloatingActionButton()

  • @temhirtleague-chess
    @temhirtleague-chess 3 หลายเดือนก่อน

    Your flutter tutorial is truly unparalleled! TY

    • @NetNinja
      @NetNinja  3 หลายเดือนก่อน

      Glad you think so! Don't forget to check out the latest 2024 Flutter crash course here: th-cam.com/video/j_rCDc_X-k8/w-d-xo.html

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

    Congrats for 500K!! Well deserved

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว

      Thank you :)

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

    Man this is just amazing, you are a great teacher.

  • @favourori
    @favourori 4 ปีที่แล้ว

    An actual beast! No one does it like you

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

    best tutorial ever. I wish flutter wasn't so into nesting.

  • @rutviktak716
    @rutviktak716 4 ปีที่แล้ว

    This is the best flutter tutorial so far😃

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

    Scrolling down for bad reviews ...
    LOL you've come to the wrong place 😂😂
    This is legendary 🎈🎈

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

    Thanks for the tutorial! It has helped me so much in learning Flutter.

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

    Thank you man, really appreciate this premium content

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

    very specific in your explanation. thank you mister

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

    I finally found the video speed control browser extension. Now I can watch this at 3.5x speed. Good videos btw., I wish you made some flutter tutorials for programmers, without the explonacion of basic programing concepts, and using programming jargon. Would help a lot to get started with a new technology.

  • @jessedotexe
    @jessedotexe 4 ปีที่แล้ว

    Fantastic video, thanks a bunch! Really helped me understand Stateful widgets.

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

    Far better than paid tutorials .. take love . wo ai zhonguo, xin xin

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

    Thank you very much for your training playlist The Net Ninja

  • @gbibhav
    @gbibhav 4 ปีที่แล้ว

    This is Better then paid course believe me guys .

  • @SunriseBusinessClub
    @SunriseBusinessClub 4 ปีที่แล้ว

    @traversymedia not even closer to such brilliant level of teaching and content!!!

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

    Again amazing explanations, it is unreal!

  • @kkkkk943
    @kkkkk943 4 ปีที่แล้ว +6

    is the setState function rebuilding the whole thing? or is it only focusing on what needs to be updated?

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

      i was gonna ask too, I'm thinking of creating just the widget that changes, into a stateful, surely that would work too

  • @GaLzZy.
    @GaLzZy. 4 ปีที่แล้ว +1

    For a bigger app, would it be better to just make the label and level a new stateful widget and keep the rest stateless so we don't rerender everything everytime we click the button ?

  • @CommsDanielHession
    @CommsDanielHession 4 ปีที่แล้ว

    Mate, you are going to make me a lot of money.

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

    Man ur tutorial is really awesome, ty !

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

      Glad it helped! :)

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

    Dunno if I missed something, but im unsure of why the floating action button 08:00-08:30, appeared in the bottom right? I thought, the way he wrote it, that it would appear underneath the app bar b4 the avatar.

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

      By default, Floating Action Button always appears in the bottom right (in front of all content). Or if you want it in the bottom center, you can use FloatingActionButtonLocation.centerFloat

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

    no dislikes till now, as you literally deserve this man! current like count : 886

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

      896 after my like

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

    Thanks for the tutorial Ninja

  • @AStarinTech
    @AStarinTech 4 ปีที่แล้ว

    Just a tiny info in the latest android studio version you don't need to do a hot restart after passing the "ninjalevel" variable in the text widget....... The latest version of android studio does dose not shows the error which was said at 7:15 mins (Give or take some seconds).
    I just tried it and I haven't faced that issue.......

  • @AppyBuilder
    @AppyBuilder 9 หลายเดือนก่อน

    Excellent tutorials and very well explained. Question: If you are ONLY changing the ninjaLevel widget, shouldn't that be refactored so that it doesn't paint the entire screen and only the widget for ninjaLevel Text?

  • @rupeshjadhav7284
    @rupeshjadhav7284 4 ปีที่แล้ว

    great explanation of defalut project.....

  • @rocco2162
    @rocco2162 4 ปีที่แล้ว

    Do please make a part 2 of this tutorial but adavnaced version or a project i love ur series will lve to learn more💞💞

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

    With a simple app like this, I'm sure there's no performance issue... but on something more complicated, would it be preferable to make *just* the number a stateful widget and everything else stateless? If so, how would this be done?
    (I have been searching for a long time, but still haven't been able to wrap my head around how stateless and stateful widgets work together. Thanks in advance for any direction.)

    • @derencewalk
      @derencewalk 4 ปีที่แล้ว

      For anybody else wondering this, it seems that the answer is to use the "Provider" package. This video explains it well: th-cam.com/video/MkFjtCov62g/w-d-xo.html

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

    God bless you, my friend!

  • @alisaleman5053
    @alisaleman5053 4 ปีที่แล้ว

    thank you very much dode. this is great help

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

    Great tutorials, thank you!

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

    Superb explanation! Well done!

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

    This guy is genius.

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

    Wow! This is REALLY clear for me now. T - H - A - N - K Y - O - U ! ! !

  • @codingworkout3637
    @codingworkout3637 5 ปีที่แล้ว

    Nice tutorials bro! Keep up the good work :)

  • @SatyendraSingh-xm5lp
    @SatyendraSingh-xm5lp 4 ปีที่แล้ว

    Love your tutorials

  • @vinodkumar283
    @vinodkumar283 4 ปีที่แล้ว +9

    1k LIKES and 'Zero' DISLIKES, wow

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

    Bro thank you very much

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

    Learning soo much from you

  • @prakhartiiwarii
    @prakhartiiwarii 4 ปีที่แล้ว

    Amazing Series, Thanks a lot!

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

    Amazing teaching skills, Amazing!

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

      Thank you! :) means a lot

  • @keithrincon
    @keithrincon 4 ปีที่แล้ว

    Bro. I love you. I wish I had a chance to speak with you. Im from the food industry and have nobody I can talk to about any questions that I have. Maybe even your thoughts on what I'm trying to develop.

  • @techchak9916
    @techchak9916 5 ปีที่แล้ว

    thanks for your incredible work!!

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

    god why are u so easy to understand 😍

    • @swornimrajdhakal1689
      @swornimrajdhakal1689 4 ปีที่แล้ว

      😥 i will donate u as soon i am done with the project .. one day will come 😪 poor me can treat u for your kindness. and ive like subscribed. i really hope u become the best tutor available sir

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

    This is 👍, what a good explanation. Definitely subscribe

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

      Awesome, thank you!

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

    Best tutorial thank you sir.

  • @Anthony-cn8ll
    @Anthony-cn8ll 3 ปีที่แล้ว

    Could you make only the parts that change data and receive that data as stateful widgets? So the floating action button and the number would be stateful while the rest is stateless.

  • @andrei3720
    @andrei3720 5 ปีที่แล้ว

    Ill just commemt THANKS for now. Will watch more definetly

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

    you are super great Sir
    thankk you so much

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

    Glad to be 1000th like!

  • @michaeldausmann6066
    @michaeldausmann6066 4 ปีที่แล้ว

    Nicely explained.

  • @StarBattle08
    @StarBattle08 4 ปีที่แล้ว

    8:41 just had a dejavu 🤣 just like from react native we don't change the value directly

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

    i keep wondering why this guy is just got 500k subs not 5 mil subs you deserved it man XD

  • @李润豪
    @李润豪 4 ปีที่แล้ว +1

    OMG crystal clear

  • @simonndungu1196
    @simonndungu1196 4 ปีที่แล้ว

    Thanks Ninja

  • @Imrannaseem818
    @Imrannaseem818 4 ปีที่แล้ว

    thanks Shaun forthe video.

  • @cado8799
    @cado8799 4 ปีที่แล้ว

    Widget Counter : over 9000

  • @technosoid2821
    @technosoid2821 4 ปีที่แล้ว

    Thank you so much!

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

    AMAZING. THANK U

  • @YolunSonu1
    @YolunSonu1 4 ปีที่แล้ว

    What if we make the floating action button stateful only? Is it works? If does, which way is better for clean coding and optimization? Thanks

  • @ahmedalelwany672
    @ahmedalelwany672 4 ปีที่แล้ว

    4:58 this action dose not work with just show (Adjust code style sitting).

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

    Sir in my case, I didn't had to hot restart, it automatically changed to the value! 🥺

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

    extends State why you write

  • @liamsmith-yp3xh
    @liamsmith-yp3xh 4 ปีที่แล้ว

    its like react native that works lol, and slightly nicer syntax