Flutter Tutorial for Beginners #5 - Scaffold & AppBar Widgets

Hey ninjas, in this Flutter tutorial we'll take a look at the Scaffold widget and the AppBar widget. We use the Scaffold widget to flesh out a quick app layout, you can read more about it here - api.flutter.dev/flutter/mater...
----------------------------------------
🐱‍💻 🐱‍💻 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...

[@Adeolaex]

Who else thinks that this tutorials are really good. Thanks so much.

[@DTrain4711]

Yes, they are! I think , they are the best on KZbin. Thank you!

[@kitan1906]

Adeola wanna roll with a geezer

[@RandomShowerThoughts]

couldn't agree more, this series makes so much sense, and makes everything so easy to understand

[@Asithan476]

If you're getting an error with the floating action button, leave the onPressed function there with no arguements and no body i.e. onPressed: () {}

[@karunsomasundarm9900]

Thank You👍

[@Nirbhey]

Pin this comment, it works! Thank you for sharing .

[@karunsomasundarm9900]

@@Nirbhey In the very next Video its mentioned..

[@JuliousNiloy]

Thank you so much ^_^

[@redsvision4026]

or 'onPressed: null'

[@scaledesign3880]

I'm just ridiculously impressed from your Tutorial series, there are a lot of different ones out there, but yours is just a whole nother level of perfection and simplicity , especially for someone who's main language is german and not english.

[@midiantkl]

I see, auch ein Deutscher der lernt :D Kann dir nur zustimmen, man lernt gut, vorallem wie er alles gestaltet gegenüber Anfänger in der Szene.

[@rblorre]

I would like to leave a note for future viewers : Calling MaterialApp in runApp directly prevents hot reload, to solve this create a custom App widget that returns MaterialApp in the build method

[@khmiri]

I've watched every Flutter tuto on youtube, and this is great one so far, it's so simple, you're an amazing teacher!

[@NetNinja]

Thanks so much :)

[@indahpratiwi4308]

This is the best Flutter tutorial series I have come by in the last 12 months

[@evandermursh8410]

Just in case people are having issues with the floating action button, if it says you have to add an onPressed callback, just add it and set it to null

[@bonkers_dave]

So despite having years of experience in lots of programming languages, I ask myself, how do you do THAT? you just add a line "onPressed: null," which is obvious AF in hindsight, but I hate having to pause the bleeping video while I figure stuff out no matter how trivial it turns out to be.

[@ohioodion1790]

Nice! Another way to implement that would be to do this: floatingActionButton: FloatingActionButton.extended( onPressed: () {}, label: const Text('click'), backgroundColor: Colors.blue, ),

[@feliciaf8]

@@bonkers_dave just do this onPressed: () => null,

[@azima86]

@@bonkers_dave floatingActionButton: FloatingActionButton(onPressed:() {}, child:Text('click'),

[@affansalim9162]

i'm so thankfull dude@@azima86

[@hossainabeer]

After surfing to 10s of tutorials, I finally found someone who's language I understand. Recommended to beginners

[@jeygloluis]

i simply love the way you teach. you make feel others this is soo simple, even a child could do it... you are great!

[@aventura1266]

You are an amazingly talented tutorial creator, and implement key programming values in your teaching. Just the way you minimized and trimmed the excess template code and gave me a visual understanding of each line of code's purpose as well as imagining how the result would be *without* the code you showed us. The Scaffold vs no Scaffold was a fantastic example.

[@NetNinja]

Thanks so much :)

[@dragon_warrior_]

So far the best video series on flutter android development I guess ♥

[@NinoM4sterChannel]

I had given up trying to learn Flutter since it seemed very complex, but I'm giving it another chance since your tutorials are very good :)

[@deepaktiwari7059]

You are great!! I have almost gone through 4 5 video on flutter but didn't understood any thing. Just by removing functions you made it so simple to understand. I Really appreciate your work.

[@siddharthrajpal7052]

This is amazing... like I am absolutely stunned and if any of you guys are getting an error for the floating action button just put in onpressed = null, as a property

[@ppl_call_me_tima]

Thanks!

[@tasneemibnealam9960]

Man you are truly awesome! I found new love for flutter after watching your contents, so easy to grasp. Carry on.

[@kipropkigz1285]

I have a midterm project and I have been considering Flutter for it.. sir, you are a savior.... I enjoyed learning from this Video!

[@atiktook8591]

I’m truly grateful that I found your tutorials on KZbin. Thank you a lot! I really appreciate how you shared this tutorials :) Thank you again!

[@yassinesafraoui]

I remember I watched your node js tutorials and they were really good, now I'm so glad your explaining flutter too 👌🙌

[@suvradiproy1946]

This is the best tutorial in the universe for Flutter, Thanks Shaun.

[@PocketSurvey]

This is the best Flutter tutorial on KZbin. Your teaching style is so good. 👍

[@dineshfalwadiya3282]

I am a xamarin forms developer & must say I am loving these flutter tutorials from Ninja

[@sameerk12982]

Hello from India Ninja....Thank you very much for creating this helpful and easy to understand and followable tutorial..... Tried all the other tutorials on youtube.....they confused me...only after following your series, I have ended up running an app on my device..The way you are describing code from ground zero is awesome...This is the way of teaching I was looking for..Highly appreciated.

[@pqudah]

An easier way to wrap Text() with Center() is to place the cursor on the Text(), Alt-enter and choose "Wrap with Center"

[@yashdeshmukh4404]

THESE TUTORIALS ARE GOLD!!! Keep it up man !!!

[@abdelhadidellal3697]

Great tutorials, Thank You So Much ❤

[@megapixeler]

Dude, you are lit, I don't know what it is but you are good at teaching (and take it from someone who has to fight himself to learn new things). Thank you.

[@nagendrapp2213]

Great please do a complete series I'm waiting from a long time who can teach clearly u r the only one who can convert complex topic to simple topic

[@NetNinja]

Hey, glad you like :). I'll be uploading 2 vids nearly every day, so won't be too long before the whole series is up :)

[@jakubkalina4757]

@@NetNinja Can't wait

[@4funrc11]

@@NetNinja You are *_The Best !_*

[@gentleberry185]

seriously brother. I had tried Udemy and various youtube videos. Nothing made sense except yours. Just Amazing ✨

[@BigEyesLuigi1]

The explanation on nesting widgets using "child" property is really well-explained :)

[@stefanhofmann2521]

TheNetNinja has programmed one of the users to write KZbin comments

[@lava6572]

Best flutter tutorial series...hats off .,,,... tysm!

[@bepositive3385]

never skip the ad, thank you for sharing your knowledge

[@RandomShowerThoughts]

probably the best series on flutter and dart I've ever seen

[@filippocossu2974]

I'm starting to learn Flutter and the google documentation is a bit complexes to understand. But your Tutos make my life easier; thank you!

[@filippocossu2974]

+1 sub

[@manuj9570]

I didn't understood earlier what's a property what's a widget but you made it so clear.

[@0xredpill]

For your time and love , I thank you for helpful tutorails

[@wagmun]

Excellent tutorials! Thanks for the help.

[@binapko]

best flutter tutorial ever, it's even better than tutorials in udemy

[@TearfulNight]

True .. Better than udemy girl

[@nikslogy]

Thank you so much! God bless you! Love from India!!🧡

[@godwinsampson6081]

Wish I could subscribe twice... you make everything simple... Thanks Man.

[@Jojo-eh2ol]

Thanks net ninja, this has really helped me

[@sean_gruber]

Very clear explanations - thank you!

[@yadhukrishna9839]

Wow exceptional flutter series😍 juzt loving it!!!

[@NetNinja]

Thank you so much 😀

[@jassem500]

woow the way flutter and dart work are something else 😲

[@anandsivaji5]

Excellent !!!!! Very good explanation.

[@prithvigupta8215]

Thank you! These videos are really helpful.

[@leamon9024]

Thanks Ninja. You're awesome.

[@willsantos3284]

I will give you thanks for all your support, you´re the best.

[@paulinevalencia9266]

Great tutorial! Easy to understant.

[@salomastation6004]

Wooooow .. u have such incredible way of teaching

[@wahyuarchery1588]

easy to follow for beginner, thanks Dude for making this vidio

[@jakubkalina4757]

Great tutorials, keep up the good work ! :D

[@outshined2301]

I have 4 Flutter courses on Udemy and this is better than all of them. I cant believe you give this away. Even if you made an Udemy Flutter course I think people would start here.

[@sameeraperera7912]

Best turorial for flutter. thank you.

[@marksoliver374]

worked on my end, thanks!

[@missiontechdk6064]

Hats off to you brother for this awesome explanation

[@varunlohade383]

wow wow wow this is the best flutter tutorial so far, better than the paid once.

[@narayansinghchundawat1808]

Thank you for this amazing explanation

[@rocco2162]

This tutorial is so awesome and so essy to grasp tysm sir😍

[@VikasMSharma-nd7nv]

Thanks man. you're the best!

[@krissie115]

Thanks for this tutorial it is really detailed.

[@mcbrincie212]

I Have Only Positive Things to Say About This Man. Very Good Tutorials I Quite Learned a Lot About Flutter

[@rumeshbandara9972]

i watched full series thanks sir its very good

[@TYNEPUNK]

Brilliant videos!!! Thanks!!!

[@Matthew-ro2ie]

So amazing, you're the best :)

[@anknara1381]

You are a Star man , thank you for this

[@kaleemullah6342]

Thanks Sir for one of the best method ❤❤❤

[@tech3.081]

Thank You You Do The Great Job

[@muhammadismail1168]

Great tutroial man :-) Thanks alott

[@johnwilliams983]

Good day Sensei. My 8GB computer is struggling with Android Studio so I will have to try my best to follow while using VS Code. Great series as usual.

[@endlesslearning26]

me using 2 gb ram crying inside ;

[@aditya_asundi]

i have 8 gb too and it runs pretty well.

[@mrzak7850]

fantastic my teacher say to me go to reacyt native but now i see this is very beter thanks ninja

[@GAVIGHUMMAN]

more please, all the way to deploying , cheers

[@aus7087]

Amazing tutorial

[@fma3852]

that was awesome thanks a lot

[@andy0x58]

You are best teacher!

[@akhilv3487]

Really very helpful

[@mohamedawadsalem1941]

This is so great!

[@GASSHO.meditationapp]

Amazing!!!!! Thanks so much.

[@marianaagra5474]

Amazing tutorials!!!

[@Bwalde]

What a magician for the novice!!!

[@naaifzakariye5985]

The best teacher thanks you for clear explanation

[@NetNinja]

Glad it was helpful!

[@Malte.Z]

Great tutorial, im german and i have to set the speed of the vid to 0,75 to understand what you are saying but i really get the meaning of your words.

[@corty9836]

thank you for everything

[@imonion13]

Hi... loving these tutorials. One question: what option or plugin do I need to enable the vertical guide lines that group functions' bodies?

[@michaelmcelligott5074]

@6:45 As a few people have said, Flutter now REQUIRES you to set an onPressed attribute for the FloatingActionButton, and you'll get an error if you don't. For the sake of this tutorial, you can just set this to null, so that the button won't do anything but will still show up. This would look like: floatingActionButton: FloatingActionButton( onPressed: null, child: Text('Click'), in your Android Studio editor. Happy programming!

[@prashantganji5424]

Thanks, Man!

[@chin8477]

awesome lecturer , thanks for help~

[@murtajaziad]

Thank you so much!

[@hurried_coder404]

Man Tutorial Perfecto!!!!!!!!!!

[@jagritbhupal5836]

Thank you Sir.

[@DanaKurdi]

Thank You .

[@bkentffichter]

As someone who has used xaml for years, hopefully someone will create a markup language for this. I can't imagine editing this once you have some crazy tree.

[@MrRynRules]

Thank you!

[@nithinjoseph7927]

best programming teacher

[@learn2444]

wow thanks for your help sir

[@arklan7]

U got a new subscriber!!

[@manjulareddy2294]

Awesome,extrodinary,excellent,superp,wonderful,amazing

[@SKILLMANDI]

well explained

[@jsceo]

i love they way you saying "rather", sounds like kitten growl

[@azgartar]

Hey Net Ninja, thanks for this awesome tutorials. How do you get the horizontal lines in your indentation guidelines.

[@zaheemschemnad5377]

Thankyou!