Flutter Tutorial for Beginners #5 - Scaffold & AppBar Widgets

Поделиться
HTML-код
  • Опубликовано: 4 ноя 2024

Комментарии • 297

  • @Adeolaex
    @Adeolaex 5 лет назад +352

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

    • @DTrain4711
      @DTrain4711 4 года назад +2

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

    • @kitan1906
      @kitan1906 3 года назад +2

      Adeola wanna roll with a geezer

    • @RandomShowerThoughts
      @RandomShowerThoughts 2 года назад +2

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

  • @scaledesign3880
    @scaledesign3880 4 года назад +24

    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
      @midiantkl 4 года назад +3

      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.

  • @indahpratiwi4308
    @indahpratiwi4308 5 лет назад +18

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

  • @khmiri
    @khmiri 5 лет назад +84

    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
      @NetNinja  5 лет назад +8

      Thanks so much :)

  • @hemp1889
    @hemp1889 10 дней назад

    First programming video that actually made sense. What a great teacher.

    • @NetNinja
      @NetNinja  8 дней назад

      That means a lot, thank you :) don't forget to check out our latest Flutter crash course for 2024 here: ruclips.net/video/j_rCDc_X-k8/видео.html

  • @jeygloluis
    @jeygloluis 5 лет назад +31

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

  • @hossainabeer
    @hossainabeer 3 года назад +2

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

  • @aventura1266
    @aventura1266 3 года назад +7

    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
      @NetNinja  3 года назад +1

      Thanks so much :)

  • @Asithan476
    @Asithan476 3 года назад +197

    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: () {}

  • @dragon_warrior_
    @dragon_warrior_ 4 года назад +19

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

  • @NinoM4sterChannel
    @NinoM4sterChannel 4 года назад +10

    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 :)

  • @rblorre
    @rblorre 2 года назад +13

    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

  • @siddharthrajpal7052
    @siddharthrajpal7052 2 года назад +4

    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

  • @kipropkigz1285
    @kipropkigz1285 2 года назад

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

  • @evandermursh8410
    @evandermursh8410 Год назад +66

    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
      @bonkers_dave Год назад +6

      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
      @ohioodion1790 Год назад +3

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

    • @feliciaf8
      @feliciaf8 Год назад +1

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

    • @azima86
      @azima86 Год назад +5

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

    • @affansalim9162
      @affansalim9162 Год назад

      i'm so thankfull dude@@azima86

  • @bepositive3385
    @bepositive3385 3 года назад +1

    never skip the ad, thank you for sharing your knowledge

  • @dineshfalwadiya3282
    @dineshfalwadiya3282 3 года назад

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

  • @tasneemibnealam9960
    @tasneemibnealam9960 4 года назад +4

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

  • @nagendrapp2213
    @nagendrapp2213 5 лет назад +6

    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
      @NetNinja  5 лет назад +9

      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
      @jakubkalina4757 5 лет назад

      @@NetNinja Can't wait

    • @4funrc11
      @4funrc11 5 лет назад

      @@NetNinja
      You are *_The Best !_*

  • @gentleberry185
    @gentleberry185 3 года назад

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

  • @filippocossu2974
    @filippocossu2974 4 года назад +1

    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!

  • @BigEyesLuigi1
    @BigEyesLuigi1 4 года назад +4

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

    • @stefanhofmann2521
      @stefanhofmann2521 4 года назад

      TheNetNinja has programmed one of the users to write RUclips comments

  • @binapko
    @binapko 4 года назад +4

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

    • @TearfulNight
      @TearfulNight 3 года назад

      True .. Better than udemy girl

  • @deepaktiwari7059
    @deepaktiwari7059 4 года назад

    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.

  • @RandomShowerThoughts
    @RandomShowerThoughts 2 года назад

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

  • @sameerk12982
    @sameerk12982 4 года назад

    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.

  • @manuj9570
    @manuj9570 4 года назад

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

  • @naaifzakariye5985
    @naaifzakariye5985 7 месяцев назад +1

    The best teacher thanks you for clear explanation

    • @NetNinja
      @NetNinja  7 месяцев назад +1

      Glad it was helpful!

  • @suvradiproy1946
    @suvradiproy1946 4 года назад +1

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

  • @megapixeler
    @megapixeler 3 года назад

    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.

  • @pqudah
    @pqudah 3 года назад +7

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

  • @yashdeshmukh4404
    @yashdeshmukh4404 3 года назад +1

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

  • @PocketSurvey
    @PocketSurvey 4 года назад +1

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

  • @atiktook8591
    @atiktook8591 3 года назад

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

  • @outshined2301
    @outshined2301 4 года назад

    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.

  • @nikslogy
    @nikslogy 3 года назад +1

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

  • @godwinsampson6081
    @godwinsampson6081 3 года назад

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

  • @jassem500
    @jassem500 3 года назад

    woow the way flutter and dart work are something else 😲

  • @johnwilliams983
    @johnwilliams983 4 года назад +2

    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.

  • @mcbrincie212
    @mcbrincie212 2 года назад

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

  • @yassinesafraoui
    @yassinesafraoui 3 года назад

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

  • @varunlohade383
    @varunlohade383 4 года назад

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

  • @0xredpill
    @0xredpill 4 года назад +1

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

  • @emmanuelchiroto9302
    @emmanuelchiroto9302 4 года назад +3

    Best programming teacher ever who also think so

  • @yadhukrishna9839
    @yadhukrishna9839 3 года назад +1

    Wow exceptional flutter series😍
    juzt loving it!!!

    • @NetNinja
      @NetNinja  3 года назад +1

      Thank you so much 😀

  • @abdelhadidellal3697
    @abdelhadidellal3697 5 лет назад +7

    Great tutorials, Thank You So Much ❤

  • @lava6572
    @lava6572 4 года назад +2

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

  • @nithinjoseph7927
    @nithinjoseph7927 4 года назад

    best programming teacher

  • @Malte.Z
    @Malte.Z 4 года назад

    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.

  • @wagmun
    @wagmun 3 года назад +1

    Excellent tutorials!
    Thanks for the help.

  • @wahyuarchery1588
    @wahyuarchery1588 2 года назад

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

  • @Bwalde
    @Bwalde 4 года назад

    What a magician for the novice!!!

  • @anknara1381
    @anknara1381 3 года назад

    You are a Star man , thank you for this

  • @tengkurafli8095
    @tengkurafli8095 9 месяцев назад +1

    love the way you explain😇🤍

    • @NetNinja
      @NetNinja  9 месяцев назад

      Thank you! 😃

  • @willsantos3284
    @willsantos3284 4 года назад

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

  • @pablofernandez2894
    @pablofernandez2894 2 года назад

    Much better than the other tutorial made by the ex-google guy

  • @andy0x58
    @andy0x58 4 года назад

    You are best teacher!

  • @rumeshbandara9972
    @rumeshbandara9972 3 года назад

    i watched full series thanks sir its very good

  • @anandsivaji5
    @anandsivaji5 5 лет назад +1

    Excellent !!!!! Very good explanation.

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

  • @missiontechdk6064
    @missiontechdk6064 3 года назад

    Hats off to you brother for this awesome explanation

  • @kaleemullah6342
    @kaleemullah6342 8 месяцев назад

    Thanks Sir for one of the best method ❤❤❤

  • @sean_gruber
    @sean_gruber 3 года назад

    Very clear explanations - thank you!

  • @salomastation6004
    @salomastation6004 4 года назад

    Wooooow .. u have such incredible way of teaching

  • @manjulareddy2294
    @manjulareddy2294 4 года назад

    Awesome,extrodinary,excellent,superp,wonderful,amazing

  • @sameeraperera7912
    @sameeraperera7912 4 года назад

    Best turorial for flutter. thank you.

  • @prithvigupta8215
    @prithvigupta8215 3 года назад

    Thank you! These videos are really helpful.

  • @krissie115
    @krissie115 Год назад

    Thanks for this tutorial it is really detailed.

  • @paulinevalencia9266
    @paulinevalencia9266 3 года назад

    Great tutorial! Easy to understant.

  • @narayansinghchundawat1808
    @narayansinghchundawat1808 3 года назад

    Thank you for this amazing explanation

  • @marksoliver374
    @marksoliver374 2 года назад

    worked on my end, thanks!

  • @bkentffichter
    @bkentffichter 2 года назад

    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.

  • @rocco2162
    @rocco2162 4 года назад

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

  • @GAVIGHUMMAN
    @GAVIGHUMMAN 5 лет назад +1

    more please, all the way to deploying , cheers

  • @leamon9024
    @leamon9024 5 лет назад +1

    Thanks Ninja. You're awesome.

  • @mrzak7850
    @mrzak7850 4 года назад

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

  • @Jojo-eh2ol
    @Jojo-eh2ol 5 лет назад +2

    Thanks net ninja, this has really helped me

  • @mayynnk
    @mayynnk Год назад +1

    Hey there,
    This playlist is no doubt a good way to learn about flutter, but I don't know why the code in dart is different from what you are writing, is this because of any update?
    Please suggest me a way on how to get use to the changed code and learn dart.
    Thanks :)

  • @marianaagra5474
    @marianaagra5474 Год назад

    Amazing tutorials!!!

  • @fma3852
    @fma3852 4 года назад

    your tutorial is better than udacity! w0w

  • @aus7087
    @aus7087 3 года назад

    Amazing tutorial

  • @akhilv3487
    @akhilv3487 4 года назад

    Really very helpful

  • @chejjam
    @chejjam 2 года назад +2

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

  • @corty9836
    @corty9836 4 года назад +2

    thank you for everything

  • @chin8477
    @chin8477 3 года назад

    awesome lecturer , thanks for help~

  • @tech3.081
    @tech3.081 3 года назад

    Thank You You Do The Great Job

  • @TYNEPUNK
    @TYNEPUNK 4 года назад

    Brilliant videos!!! Thanks!!!

  • @AutomationWithSholz
    @AutomationWithSholz 4 года назад

    Lemme download this .....before he changes his mind ....tutorial is super awesome

  • @azgartar
    @azgartar 3 месяца назад

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

  • @GASSHO.meditationapp
    @GASSHO.meditationapp 4 года назад

    Amazing!!!!! Thanks so much.

  • @hurried_coder404
    @hurried_coder404 3 года назад

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

  • @VictorBorah-Invincible
    @VictorBorah-Invincible Год назад +3

    Those who are having issues with the floatingActionButton, here is the code:
    floatingActionButton: FloatingActionButton(
    onPressed: () {},
    child: Text('Click'),
    ),

  • @VikasMSharma-nd7nv
    @VikasMSharma-nd7nv 4 года назад

    Thanks man. you're the best!

  • @jakubkalina4757
    @jakubkalina4757 5 лет назад +1

    Great tutorials, keep up the good work ! :D

  • @fma3852
    @fma3852 4 года назад

    that was awesome thanks a lot

  • @jsceo
    @jsceo 4 года назад +1

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

  • @Matthew-ro2ie
    @Matthew-ro2ie 4 года назад +1

    So amazing, you're the best :)

  • @MrHorizonkid
    @MrHorizonkid 3 года назад +1

    There is just question, you said that when we want to nest inside a widget we always use a "child:" property, but why not used the "child:" property for the title in the AppBar or even a child for "appBar: " under the Scaffold. I understand this is how it must be built by the flutter developers but I, just want to get more insight on the logic. Instead of just following these extremely amazing tutorials of yours and copy the code.

  • @phillipmaser132
    @phillipmaser132 2 года назад

    Great series of Videos, Can Flutter work with GPS data, can it read Bluetooth and Send out MQTT protocol packets.

  • @Elcom199.
    @Elcom199. 4 года назад

    Hi,
    It´s a good video.
    Thanks.