Flutter Tutorial for Beginners #23 - Maps & Routing

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ม.ค. 2025

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

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

    It should be illegal to deliver this quality content for free :D.

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

      hahahahhahaha

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

      Don't say like this bro... hahaha

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

      you should donate to him.

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

      @@superriorfatherazwadwa Yes

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

      I swear... this too good it's unreal

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

    Dear Net Ninja,
    These set of Tutorials on flutter are phenomenal, comprehensive, well documented and structured.
    Hats of to you

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

    One just cannot talk about Great teachers without mentioning Shaun!

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

    THIS. IS. JUST. PERFECT.
    thank you so much, i never really interested with mobile apps dev, but i come till ep 23 its because of this guy delivery is so efficient and easy to understand and now i fell in love with Flutter

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

    You should make a tutorial on how to speak in that accent. :D

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

      Actually, now i am watching his videos and i try to understand what the accent. It sounds like british but... some words are really strange for british prononciation.

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

    I just wanted to say thank you for posting all of your great videos. You are my favorite instructor so far in my online video course journey. You make things very easy to understand and do so in a logical manner. I have learned so much from you so I wanted to say thank you for all of your time and effort.

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

      Thanks so much Neil :)

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

    I have talked to and listened to so many people over the internet in my life that I don't even recognize accents unless they're pointed out.. I watched all 22 tutorials before this and didn't notice that you were British until you mentioned route lol

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

    Really appreciate the additional details of routing at the end. Great series! Thanks!

  • @AbhishekKumar-sf6no
    @AbhishekKumar-sf6no 5 ปีที่แล้ว +90

    You are like a boat for the passengers of sinking Titanic !
    #VALUABLE
    All your videos are awesome and more importantly free for students to get hands on learning 👍

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

      I love the comparison! Haha thank you!

  • @Ayush-bk3rv
    @Ayush-bk3rv 3 ปีที่แล้ว +1

    You are doing a great job man. Whenever I start to learn any new framework I first check your playlist to see if you have that. Your videos are the best for a beginner learning a new framework

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

    Outstanding tutorial, probably one of the best in the entire youtube. Thanks sir for this wonderful content.

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

    Thank you! This is a great tutorial for beginners. The flatButton has been depreciated but can be replaced with textButton without any other changes needed.

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

    Actually you are the best teacher i have had in these years..You make learning easy and interesting...Loads of LOVE from INDIA

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

    Finally! The tutorial I was waiting for! Simple and straight to the subject! Clear and simple! Thanks!!!! 😍👋

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

    finally i have seen what i really what to do in the tech industry, thanks Shaun for your teaching skills

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

    Really a big thanks to you buddy for providing this tutorials for free . The way you make this things easily understandable is great.✌🙌

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

    Better than any paid course! My favorite Accent.

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

    Best tutorial I've encountered. You helped me create my fitness app for my course.

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

    I have been following this series for a few day now. Thank you for making the learning process interesting and enjoyable;)))

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

    amazingly explained the concept of Map

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

    Apart from the awesome tutorials, that's for the route(uk)/route(us) explanation. I have had problems in using that word with different clients and now I know which to use when. :D

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

    You're sucha good instructor! Subbed for life!

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

    he is too good. i hope there is more people like you..you are my inspo bro

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

    we love the little funny moments we encounter while watching your videos.

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

    0:34 That offended me and i am from a former British colony :) Love your videos.

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

    don't worry for your accent! the important here is the content and it is awesome! thank you a lot!

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

    To add something on maps. For those coming from php development, maps can be considered as associative arrays. In JavaScript we call them objects

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

    That initialRoute map key is really powerful! We can choose what are we working

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

    3:05 a din din din route property great video as usual

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

    After watching this truly knowledgeable, quality content...My question to all who disliked this video👉 What exactly you want guys???🤔🤔🤬😠😡😡
    Please support him. He giving premium content for free.😘🤩

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

    I love the way you are explaining everything, thanks for the awesome course I learned a lot of things, and I will go through all of your courses, stay blessed 😍💓

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

    very impressive explanation !!! thank you for teaching them

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

    Your method of teaching is very good.

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

    No dickie or bonnet either, its the hood or the trunk :-) As usual, another incredible FREE video. I did sign up for your masterclass tho

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

    Can't get enough of these.

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

    Thanks for this amazing content ... It really helped me a lot to learn flutter in this past month😇

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

    I love how he said "One more thing" in the end like a new Apple's product announcement.

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

    Best tutorial playlists EVER.

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

    at 7:22 when not specifying home nor initialRoute, is Loading the entry point due to '/' or being the first in the map ?

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

    The FlatButton widget is no longer there. The work around is to use TextButton and Icon widget and instead of using column, use row.
    This is what I came up with:
    return Scaffold(
    body: SafeArea(
    child: Row(
    children: [const Icon(Icons.edit_location,color: Colors.blue,),
    TextButton(onPressed: (){Navigator.pushNamed(context, '/choose_location');},
    child: const Text('Edit Location'),
    ),
    ],
    )),
    );

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

      you can do this too
      TextButton.icon(
      onPressed: () {
      Navigator.pushNamed(context, '/location');
      },
      icon: Icon(Icons.edit_location),
      label: Text('Edit Location'))

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

      @@matiaskg15 thank you for your solution

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

    Seriously AWESOME tutorial #101/100

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

    If the Location routing does not work for you, just restart the app(performing hot restart will not work).

    • @MAHOCA-g9r
      @MAHOCA-g9r ปีที่แล้ว

      Thanks! what's the explanation for it?

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

    I am expecting that your channel will cross the million of subscribers.
    Good luck

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

    For those who can’t type Flatbutton, now it is replaced with TextButton😊

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

      thasnks!

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

    I have a question
    about last section: regarding pushing home again instead of returning to initial home
    does just pushing home by stacking be inefficient in other words more memory use?
    Man you are a discovery I love your videos please continue to help us ❤
    Thanks again ❤

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

    Bro Thanks a lot Your Videos are So great Really Found it Easy And Understanding Just keep Doing this....❤❤

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

    3:06 dun dun dun button

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

    Bro you are doing a favour on us! Thank you so much! :-)

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

    I've got my code identical to where it seems to be at 10:25, and all the graphical elements work, but I can't get the button to actually push the location screen over the home screen. It does this odd hold effect when I click and hold where it just shades an expanding circle animation from the center, but the click doesn't change the page. I'm not getting any error messages.

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

      Issue was solved after I closed emulator, went into AVD manager, wiped data from my emulator device, and restarted it.

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

    Thanks Net ninja for this video,
    I was wondering how we could save the route map to shared preferences? Thank you.
    MaterialApp(
    title: 'Named Routes Demo',
    // Start the app with the "/" named route. In this case, the app starts
    // on the FirstScreen widget.
    initialRoute: '/',
    routes: {
    // When navigating to the "/" route, build the FirstScreen widget.
    '/': (context) => MyApp(),
    // When navigating to the "/second" route, build the SecondScreen widget.
    '/2': (context) => AliflaammeemPg2(),
    '/3': (context) => AliflaammeemPg3(),

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

    Thank you buddy. I really appriciate your work. Keep it up

  • @AR-ce1fj
    @AR-ce1fj 4 ปีที่แล้ว

    Love You Ninja From India....😍

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

    Bro You are great teacher,thanks a lot...

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

    This all feels very similar to Django. Great tutorial.

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

    Love your accent, it's awesome~~~ and I'm a Chinese 😁

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

    British, US terms. Pas de probleme ! I am french anyway :-), btw you really have the skills to teach, which is rare on TH-cam.

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

      Merci beaucoup :)

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

      @@NetNinja impréssionnant :-D

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

    My man here is running android studio and chrome at the same time, and the pc isn't messing up.

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

    my mans apology is so fun XD

  • @channel-ol1yn
    @channel-ol1yn 5 ปีที่แล้ว

    Brilliant tutorial series. Yes! It is raaauting, not rooouting.

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

    Very good explanation , thanks

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

    thank you so much for the lessons. you are the best ^^

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

    absolutely brootal content brah

  • @_M.Y17
    @_M.Y17 4 หลายเดือนก่อน

    alright gang! we go now with navigations!

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

    Great videos. What is the difference between () {} and () => {}? Some googling told me that () {} is lexical closure and () => {} is arrow/lambda function. Are they generally interchangable?

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

      correct, => only used when returning one line of code.

  • @ShubhamSharma-nn3ly
    @ShubhamSharma-nn3ly 4 ปีที่แล้ว

    Get this man 100 million subs!

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

    Could u please make a video to handle the stacks 12:30 ?

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

    great quality lectures.

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

    what is the difference between the two methods of import is one is faster than the other ?

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

    you are the absolute best!

  • @MehediHasan-tm8ek
    @MehediHasan-tm8ek 3 ปีที่แล้ว +2

    No need to manually import every time, just press alt+enter.

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

    Rooting would be confused with routing, hence the different pronunciation is good!

  • @王裕萍-f3l
    @王裕萍-f3l 10 หลายเดือนก่อน

    Does anyone know why in this section, we didn't use the build function inside the widget, but the screen still seemed to be hot reloaded?
    I remembered that the lecturer said we only got hot reloaded when we had the build function.
    Did I misunderstood anything?
    Thanks in advance!

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

    excellent! thanks shaun.

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

    3:06 This reminded me the NInja Hattori 😂

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

    Even if you said rotating instead of routing I'll still like it, Thanks again

  • @farzad.vtn77
    @farzad.vtn77 3 ปีที่แล้ว

    If a country with a time interval of, for example, +1: 30
    How to add minutes to the following code?
    String offset = data['utc_offset'].substring(1, 3);
    thanks for your answer

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

    kk rautin thank u ninja im finally making my idea into smthn finally #zimbabwe

  • @Jan123.
    @Jan123. 4 ปีที่แล้ว

    Great video. Thanks a lot.

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

    If I add an appBar to the home screen then that is also displaying the back button and taking me back to the loading screen, even though home is an initialRoute.

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

    excellent tutorials playlist

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

    Regarding the Map student = { 'name' : 'chun-li', 'age' : 25 }; , how could you use the syntax where the types go after the Map.. like Map?

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

    How did you get the AppBar to come up and go away in a sliding animation? Mine looks ugly coming up.

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

    25 year old Chun-Li watching this video:
    "I better upgrade my internet security."

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

    i am getting this error
    The named parameter 'label' isn't defined.
    Try correcting the name to an existing named parameter's name, or defining a named parameter with the name 'label'.

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

    I know it's quite an old video, but does anyone know if package folders are still a thing and if I can use import "package:..." Or has that been removed? I can't add a package folder, I can only add a directory.

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

    Hi Man, just a quick question. Why are we creating a package folder to contain the sub-widgets, can't we just create them in the parent lib folder?
    P.S: I haven't tried it

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

    I learn my new ninjutsu from a great shinobi.

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

    Very well 👍

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

    When i try to start app, terminal shows me this error: Could not find a generator for route RouteSettings("/choose_location", null) in the _WidgetsAppState. Does enyone has this problem?

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

    Thank you so much brother

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

    How to pass data between pages while using *NamedRoutes* ? 🤔

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

    Lets! go bois.... time to build a real app :D
    Btw do you have a discord server for helping in flutter?

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

    thank you ,best videos

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

    Error while running routes. Please help to resolve it. I have added dart.js but it still saying
    lib/main.dart:1:8: Error: Not found: 'dart:js'
    import 'dart:js';
    ^

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

      dont enter when drop down menu shows (context) from json. just simply write context.

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

    i have the done all things but nothing is changing page sticks at home page why this is happen (or beacuse i have used textbutton instead of flatbuuton) please help me

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

    Respect Bro!

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

    What's the obsessions with Chun-Li though???

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

    In web dev we put columns in rows,, in flutter we put rows in columns... Interesting

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

    Am I allowed to add the World Time app to my portfolio?

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

    what causes the back button to appear?