Flutter Tutorial for Beginners #16 - Stateful Widgets

Поділитися
Вставка
  • Опубліковано 4 вер 2019
  • Hey gang, in this Flutter tutorial we'll take a look at using stateful widgets as well as stateless ones. Stateful widgets are ones which can contain changing state / data over time.
    ----------------------------------------
    🐱‍💻 🐱‍💻 Course Links:
    Course files - github.com/iamshaunjp/flutter...
    Android Studio - developer.android.com/studio
    Git - git-scm.com/downloads
    Flutter Installation - flutter.dev/docs/get-started/...
    🐱‍💻 🐱‍💻 Other Related Courses:
    + Modern JavaScript Tutorial - www.udemy.com/modern-javascri...

КОМЕНТАРІ • 176

  • @ranjitpratiksha
    @ranjitpratiksha 4 роки тому +130

    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  4 роки тому +24

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

    • @youngjojo3052
      @youngjojo3052 4 роки тому +6

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

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

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

  • @rv9570
    @rv9570 3 роки тому +5

    Best teaching method ever found on UA-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.

  • @ngotuanhien
    @ngotuanhien 2 роки тому +7

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

  • @sarunnorak9981
    @sarunnorak9981 4 роки тому +5

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

  • @leoj8633
    @leoj8633 4 роки тому +36

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

  • @97pixels
    @97pixels 4 роки тому +4

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

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

  • @isiraadithya
    @isiraadithya 3 роки тому +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  3 роки тому +4

      Ah thanks, glad it helped! :)

  • @vinodkumar283
    @vinodkumar283 4 роки тому +1

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

  • @mattprado21
    @mattprado21 4 роки тому +4

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

  • @adrienchew
    @adrienchew 4 роки тому +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 :)

  • @rudimentguy
    @rudimentguy 3 роки тому +3

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

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

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

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

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

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

    best series ever!! love every bit of this course

  • @superpowerz928
    @superpowerz928 Рік тому +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

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

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

  • @andersgalmen3795
    @andersgalmen3795 4 роки тому +1

    Finally, state management explained in a good way!

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

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

  • @jessedotexe
    @jessedotexe 4 роки тому

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

  • @justnumber5197
    @justnumber5197 4 роки тому +5

    i love how you tech dont stop keep teaching people

    • @justnumber5197
      @justnumber5197 4 роки тому +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  4 роки тому +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.

  • @WWEIsTheAwesome
    @WWEIsTheAwesome 4 роки тому +1

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

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

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

  • @favourori
    @favourori 4 роки тому

    An actual beast! No one does it like you

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

    Thanks for the tutorial Ninja

  • @lokeshmahant1061
    @lokeshmahant1061 4 роки тому +2

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

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

    Thank you man, really appreciate this premium content

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

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

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

  • @mikolajhenzel
    @mikolajhenzel 4 роки тому +1

    Congrats for 500K!! Well deserved

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

    Again amazing explanations, it is unreal!

  • @tharindadivakara2881
    @tharindadivakara2881 4 роки тому +23

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

    • @antoniofuller2331
      @antoniofuller2331 Місяць тому +1

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

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

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

  • @prakhartiiwarii
    @prakhartiiwarii 4 роки тому

    Amazing Series, Thanks a lot!

  • @rutviktak716
    @rutviktak716 4 роки тому

    This is the best flutter tutorial so far😃

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

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

    Great tutorials, thank you!

  • @techchak9916
    @techchak9916 4 роки тому

    thanks for your incredible work!!

  • @SatyendraSingh-xm5lp
    @SatyendraSingh-xm5lp 3 роки тому

    Love your tutorials

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

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

  • @codingworkout3637
    @codingworkout3637 4 роки тому

    Nice tutorials bro! Keep up the good work :)

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

    very specific in your explanation. thank you mister

  • @alisaleman5053
    @alisaleman5053 4 роки тому

    thank you very much dode. this is great help

  • @user-rw3qx2bc4q
    @user-rw3qx2bc4q 4 роки тому +5

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

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

  • @mansoormohamedali122
    @mansoormohamedali122 2 роки тому +2

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

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

    Learning soo much from you

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

    Best tutorial thank you sir.

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

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

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

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

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

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

    Superb explanation! Well done!

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

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

    Thank you very much for your training playlist The Net Ninja

  • @AI-Health-posts
    @AI-Health-posts 3 роки тому

    thanks Shaun forthe video.

  • @simonndungu1196
    @simonndungu1196 4 роки тому

    Thanks Ninja

  • @rizkymahardika1968
    @rizkymahardika1968 7 місяців тому

    This is 👍, what a good explanation. Definitely subscribe

    • @NetNinja
      @NetNinja  7 місяців тому

      Awesome, thank you!

  • @robssonpeter
    @robssonpeter 4 роки тому +1

    God bless you, my friend!

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

    you are super great Sir
    thankk you so much

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

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

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

    Thank you so much!

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

    Excellent.

  • @confearsion3778
    @confearsion3778 4 роки тому +2

    Bro thank you very much

  • @michaeldausmann6066
    @michaeldausmann6066 4 роки тому

    Nicely explained.

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

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

  • @user-fg7lr5qk8d
    @user-fg7lr5qk8d 3 роки тому +1

    OMG crystal clear

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

  • @GameplayForNarration
    @GameplayForNarration 4 роки тому +1

    Glad to be 1000th like!

  • @rupeshjadhav7284
    @rupeshjadhav7284 4 роки тому

    great explanation of defalut project.....

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

    This guy is genius.

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

    Amazing teaching skills, Amazing!

    • @NetNinja
      @NetNinja  2 роки тому +1

      Thank you! :) means a lot

  • @GaLzZy.
    @GaLzZy. 3 роки тому +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 ?

  • @songeziwesoboois252
    @songeziwesoboois252 4 роки тому

    Hi, when I press the button the app is lagging. I'm running the app on an android 6 device. What could be the reason for the lag? Thanks

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

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

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

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

  • @yacine_re4257
    @yacine_re4257 4 роки тому

    Thank you Bro

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

    Excellent Teacher!!1

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

  • @gbibhav
    @gbibhav 4 роки тому

    This is Better then paid course believe me guys .

  • @DanaKurdi
    @DanaKurdi 4 роки тому

    Thank You .

  • @tomasgomes3113
    @tomasgomes3113 4 роки тому

    Hi, I’m having trouble to use the shortcut to turn stateless to statefulwidget. Every time I do the shortcut it appears only “Adjust code style setting” can anybody help me? Thanks

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

    I am not able to update my value in setState
    though i used the code as same as you use.

  • @2chotti
    @2chotti 10 місяців тому

    brilliant

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

  • @andrei3720
    @andrei3720 4 роки тому

    Ill just commemt THANKS for now. Will watch more definetly

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

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

    How to output a specific element in list in the Text Widget?

  • @AppyBuilder
    @AppyBuilder 4 місяці тому

    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?

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

    Hi, do you have any plan to update course? Flutter 2.0 is just arrived.

  • @ahmedalelwany672
    @ahmedalelwany672 4 роки тому

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

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

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

    Hey net ninja,
    When i tried running the app with setState (with no error) the value of net ninja did not increase whyy? Pls help

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

    The repo on github is not loading from tutorial 16 to the end

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

    Can we just use ninjaLevel++ ? That worked for me as well

  • @shishirkumarsky
    @shishirkumarsky 4 роки тому +1

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