FLUTTER NAVIGATION IN 6 MINUTES - Using the Navigator Only

Поділитися
Вставка
  • Опубліковано 15 лис 2024

КОМЕНТАРІ •

  • @mohabmagdy4155
    @mohabmagdy4155 5 років тому +26

    this channel is so underrated I like your videos keep up the good work

    • @FilledStacks
      @FilledStacks  5 років тому

      Thanks for the feedback. Much appreciated 🙏 I'll try my best to keep it up.

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

      I would like to second that opinion. What an awesome channel.

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

      true man

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

    I love how you go in depth with the different variations

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

      Awesome! It's always worth going deeper to understand why these things are being done.

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

      @@FilledStacksYes! 100%

  • @rahul5794
    @rahul5794 5 років тому +1

    This video is by far the best and shortest video on navigation that I've ever seen. I loved it!

    • @FilledStacks
      @FilledStacks  5 років тому +1

      heeeeeyoooooo, thank you. I have a new one coming up about named navigation as well.

    • @rahul5794
      @rahul5794 5 років тому

      @@FilledStacks I'll be waiting.❤️

  • @LexPrimost
    @LexPrimost 5 років тому +7

    Always looking for your tutorials. Thanks for the new one

    • @FilledStacks
      @FilledStacks  5 років тому

      Thanks for looking out. I hope you enjoy the new one.

  • @abdulazizalghafli5240
    @abdulazizalghafli5240 5 років тому +7

    You are always creative. Thank you.

  • @vladventura1928
    @vladventura1928 4 роки тому +3

    Wow I'm really impressed by your style; I love it! Thanks for the video, it was short, simple and easy to understand and follow.

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

      yeeaahh! That's awesome man. Thanks a lot for the compliment and the kind words. Much appreciated.

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

    Wish I could double like for south Africa. Love the content man. Keep it up!

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

      Thank a lot man. I appreciate the feedback and support. I'll try my best to keep it up :)

  • @MOhan-ur4ei
    @MOhan-ur4ei 5 років тому +1

    I'm playing all the videos of your channel on loop. Always waiting for youtube notification.Really the channel *Filled Stacks* will fill you with Geek 😊

    • @FilledStacks
      @FilledStacks  5 років тому +1

      Hahaha 🙏 Thanks man. I'm working on the new one. It's going a bit slow due to client work but it's on its way 😁 Thanks for watching my stuff. I appreciate it.

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

    Subscribed and chose receiving "ALL" notifications, your video was incredibly useful to me.

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

      Awesome! I'm happy to hear that. Thank you

  • @karlbooklover
    @karlbooklover 5 років тому

    Great content! I like the normal pace of this video better than the newest ones

    • @FilledStacks
      @FilledStacks  5 років тому

      Thank you very much. Yeah the newer ones I made a little faster so I don't go over the 30 minute mark on them. I like to keep things compact. I want to provide a lot of content without having to sit through a long video. This is the reason I provide a full written tutorial as well. I also don't know what to do to slow it down? Should I just add more dead space? It makes me uncomfortable.

    • @karlbooklover
      @karlbooklover 5 років тому

      @@FilledStacks I will look into the written tutorial thank you! Perhaps other people like the faster pace you will figure it out through feedback for sure ;)

    • @ChrisC97232
      @ChrisC97232 5 років тому

      @@FilledStacks the timestamp in the video description are perfect way to keep you having the fast pace, and allow us to follow through by returning to sections if need be. Thank you for your great videos

    • @FilledStacks
      @FilledStacks  5 років тому +1

      Awesome, I'm happy to hear you're using them. Some videos can nicely be broken into sections. This one was definitely worth time stamping.

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

    This video is exactly what I have been looking for!

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

      Happy to hear that. It's so old, maybe I should make a new updated one.

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

      @@FilledStacks I'd be the first to watch it!

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

      @@kevinmay4976 Great! Thanks for leaving a comment after watching, I'm happy to see these older vids are still useful.

  • @lesptitsoiseaux
    @lesptitsoiseaux 5 років тому +8

    Please carry on in this succinct style. Efficient and saves time!!!

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

    I'm learning flutter and I found your channel, nice style man. New sub

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

      Thank you very much. I appreciate the kind words. And welcome! Hope you learn more in 2021

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

    The best content on UA-cam!

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

      Heyoooooo!! I'll take that compliment with open arms. Thanks Thanks

  • @nendiisharmawan5591
    @nendiisharmawan5591 5 років тому +2

    Thanks, this help me resolve the problem in flutter

    • @FilledStacks
      @FilledStacks  5 років тому

      You're welcome. I'm happy to hear it helped.

  • @wtkish
    @wtkish 5 років тому +3

    thanks man! keep up the god work

    • @FilledStacks
      @FilledStacks  5 років тому

      Thanks for the feedback. I definitely will.

  • @dahamvitarana
    @dahamvitarana 5 років тому

    Thank you so much for all those meaningful concise videos. If you could make a video on tab based navigation would be very helpful. Especially where one in which a button press in a given tab does not load the second page removing the tab bar but loads it within the same tab and does not destroy the tab bar. Thanks!!!

    • @FilledStacks
      @FilledStacks  5 років тому +1

      Thanks for the feedback. That does sound like an interesting problem to solve. I'll add it on my list.

    • @dahamvitarana
      @dahamvitarana 5 років тому +1

      @@FilledStacks thanks!!!

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

    Wow this is really useful imagine how many things you can do with this.

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

      You can do all your navigation with it :D Thanks for the comment.

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

      @@FilledStacks with navigation like this we can add something along with the navigation transition, like some widgets or animations that only appears when triggered if a button was pressed instead of the phone back button. I'm still new to flutter though and from what i can tell by seeing this video, gives me some insights on how interactive flutter can be.
      Thank you for the video!

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

      @@mamenggaluh8897 Awesome, I'm happy that I'm able to help you on your Flutter journey. Good luck with learning everything, it's a very fun Framework to use.

  • @George-or3uv
    @George-or3uv 4 роки тому

    This is simply excellent.

  • @sofian-_-7
    @sofian-_-7 5 років тому

    Pure gold, thank you. 🙏

    • @FilledStacks
      @FilledStacks  5 років тому +1

      Eeeeeeeey. Thank you, happy that you liked it. I'm making a one for NamedRouting as well.

  • @Aba97867
    @Aba97867 5 років тому

    Congratulations! Thank you for share your knowledge!

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

    This is very helpful! Thank you very much :)

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

      You're very welcome. thanks for watching and thanks for commenting.

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

    Thanks!! It worked for me

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

    Best Best Best!!
    Thank you so much

  • @vasanthrs1140
    @vasanthrs1140 5 років тому +1

    You tutorial is so cool!!!!
    Can you please start a tutorial for beginners and intermediates,
    ThankYou

    • @FilledStacks
      @FilledStacks  5 років тому

      Most of my tutorials is for beginners and intermediates since I'm a Flutter beginner as well. Only been using it for 3 months now I think.

    • @vasanthrs1140
      @vasanthrs1140 5 років тому +1

      @@FilledStacks Seriously!!!!
      Oh my god ,you'r like a pro, Ofcourse you are a pro
      I've been using flutter for a month and I'm really used to it
      Can you tell any source to learn flutter,
      I really wanna code like you, you are really amazing
      Thanks for the replay :)

    • @FilledStacks
      @FilledStacks  5 років тому +1

      Yeah it's very easy to get into. I'm not learning anywhere, I'm just teaching myself. I learn everything as I get clients to build new apps for. Building the apps helps me learn what I need to learn. Then i make videos about the stuff I learned. Just build stuff, then google what you need when you get stuck. I have snippets over at www.filledstacks.com/snippets where i post short flutter tutorials on the basics.

    • @vasanthrs1140
      @vasanthrs1140 5 років тому

      @@FilledStacks Thanks you so much, You are the best!!!!!!
      Waiting for your next tutorial :)

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

    Suggest a use-case of disabling the back button(other than in games and playing videos).

    • @FilledStacks
      @FilledStacks  3 роки тому +2

      When you have a forced update feature and you don't want the user to be able to go back.
      When you have an urgent notice and they have to select an option to continue
      When the user wants to perform an action that requires a decision to be made
      some other 10 or so situtations where I've had to use it.

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

    Thanks, easy to understand

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

    Thank You for This.

  • @Shenepoy
    @Shenepoy 5 років тому

    I made an app awhile ago I remember Material Navigator which create the button up top automatically. could be useful some times.

    • @FilledStacks
      @FilledStacks  5 років тому +1

      Agreed, that can definitely help in some cases

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

    keep the work up

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

      I'll try my best Ahmed. Thanks for the words of encouragement.

  • @Maystro_eg
    @Maystro_eg 5 років тому

    Excellent, Keep going

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

    Very good 🌷

  • @TienTran-io8ue
    @TienTran-io8ue 4 роки тому

    love this video so much!!

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

      Awesome! I'm very happy to hear that :)

  • @tasminchalmers
    @tasminchalmers 5 років тому +1

    You're so smart!

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

    You are the best!

  • @sindrenm
    @sindrenm 5 років тому

    Great and concise tutorial on navigation with the Navigator! Do you have a similar tutorial in mind for when you have a drawer or bottom navigation bar or similar that you don't want to transition away during navigation, though? Using the Navigator like this will navigate the entire screen, which doesn't persist the navigation bar or drawer. Thanks for your great videos! :D

    • @FilledStacks
      @FilledStacks  5 років тому +1

      That's actually a great suggestion!. Thank you for the request and the compliment. I will definitely be looking into that as a solution and I already have a few ideas in my head on how to do it. I have a new video planned on architecture, then after that I'll look either this on or some others I have planned. Definitely going to be one of the next two videos.

    • @sindrenm
      @sindrenm 5 років тому +1

      @@FilledStacks Oh, sweet, thanks! Looking forward to it!

  • @cartoon-with-kokoro
    @cartoon-with-kokoro 3 роки тому

    I have C screen (contain A & B screens), press to D & E screen. so, how to pop from E screen to C screen and reload data of C screen (reload data both A & B class). thank you!

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

      It sounds like you need to use nested navigation. You'll have to wrap a view in a navigator and house screen d & e in there. When you navigate back you pop the main navigator to go back to C.

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

    Hey great tutorial . Can you do one on widget navigation testing

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

      Thank you. I could possibly do that.

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

      @@FilledStacks great I tried alot but I am getting errors

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

    Super-tutor!!!

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

      Haha, yeeeaaahhh:) I am a super teacher

  • @eslamrabia8903
    @eslamrabia8903 5 років тому +1

    Keep going ❤️

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

    struggling with navogator.push, as it just created a new view over the full screen, but i would like the navigationbar to be visible.. no idea what i should search for to get any helpful answers to that problem :/

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

      You can use a Bottom navigation bar and swap the view you're showing based on the index selected. No need for navigator.push. If you want to use the navigation push then place a Navigator in the section you want to navigate , put the nav bar outside of it and then navigate inside the navigator. I explain that in my Template layouts video in the Flutter Web series. Check it out.

  • @PurpleWarlock
    @PurpleWarlock 5 років тому

    I got a question. I'm a newbie with Flutter and I'm getting to closer to finishing my first app. I regularly use FutureBuilder in it.
    When I want to display an error that occurred during the request of a Future, I check the "snapshot.hasError" property then I show the error as, say, "Text(snapshot.error.toString())".
    I throw Exceptions and those return "Exception: File not found".
    Flutter calls the .toString() from the Exception object and appends "Exception: " at the start.
    Is there a way to show the error without the appended part?
    Guess I could save the error message in variable and that would be ok in my small app. But is there something I'm missing?

    • @FilledStacks
      @FilledStacks  5 років тому +1

      You can print out the message only or extend the Exception class, make your own one and override the .toString to print out the message only without the appended part.

  • @LinhNguyen-fl1th
    @LinhNguyen-fl1th 4 роки тому

    thank you so much :3

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

    Thnx alot 🙏

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

    Awesome stuff.. But unfortunately it isn't working for me, I am sure I have missed something. Pressing the back button on Android emulator makes the app exit instead of returning to previous screen. Would you know by any chance what the reason might be? I have used a Navigation service as per your template tutorial

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

      Hey I do not know, could be a lot of things. This is also just an overview of navigation,not how we use it in production. We use the navigation service.

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

    3:01, on android studio my navigationResult variable is always null and that if statement never runs.

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

      You sure when you pop you're passing a non-null result?

  • @malakaperera7265
    @malakaperera7265 5 років тому

    Do you happened to know any method to hold a base home screen to change its content via clicking menu in Drawer. I don't need to go to new page. want to hold the structure but change content.

    • @FilledStacks
      @FilledStacks  5 років тому

      Construct the widgets. Keep references to it locally in your class. Use setState to replace the body of your scaffold with one of those widgets.

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

    I can't follow with the github files, there are missing packages and it wasn't simply "Drag start folder to your workspace" ;-;

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

      There should be no missing packages in this one because it uses pure flutter.

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

    can we change the transition between two pages ???

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

      Yes, you can supply a transition builder :)

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

    how to prevent Futurebuilder from calling the future function calling multiple times in bottom navigtion bar in flutter?

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

      Make sure it doesn't rebuild, or add guards in your future function to make sure it's only used once.

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

      @@FilledStacks sir, can u please tell me the exact word to search for this issue or can u send me the resource for it. Please sir, i am stuck at this issue.

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

      @@shubhamnaik4205 I can not. I don't know the exact words for it. It's just a basic programming problem that boolean flags can solve.

  • @SonGoku-mg9db
    @SonGoku-mg9db 4 роки тому

    Hey my friend, I need your help. I have a Container with Text 'T'. I want to click on this Container and want him to appear on another spot on the same Page. So that the Container just removed from one spot to another spot. The most important thing is that the 'T' appears on the other spot. How can I do this?

    • @SonGoku-mg9db
      @SonGoku-mg9db 4 роки тому

      If I try this with Navigator.push and MaterialPageRoute it shows me the 'T' on another page. There must be something else to do this.

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

      You can use a Hero widget for that kind of functionality.

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

    How to Navigate only part of the screen e.g only upper half of the screen should navigate and lower half should remain the same

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

      Add a Navigator where you want to do nested navigation then assign it a key and use that key to navigate instead of the Navigator.of call.

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

      @@FilledStacks can you please drop some example

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

      @@maheshj01 Don't think I'll have time to do a navigation tutorial in the next month. There's plenty of nested navigator tutorials out there. You should be able to find one.

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

    It was really informative.Can you help me know how to use this in flutter web to navigate through navbar.I tried it but after clicking the button i cant scroll back and forth.Please help

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

      I'm happy you found it informative. I have a flutter web navigation video in the Flutter web series on the channel. Check that out to see if it helps.

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

      The advanced URL navigation right. But in my project the widgets are one after the other like about section and many more. So can't navigate to them.

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

      @@saurabhshetty379 I see, well then you don't need navigation I guess.

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

      @@FilledStacks Had to ask one more thing how to convert the flutter web code into html in order to release it because web servers take html,php codes to host

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

      @@saurabhshetty379 You run the normal flutter build command and put your output build folder in your public folder. Did you watch my Flutter web series? I do it in the first video.

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

    this is my error:
    Another exception was thrown: Navigator operation requested with a context that does not include a Navigator.

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

      You requesting Navigator.of at a place above where the navigator is inserted into the widget tree.

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

      @@FilledStacks it worked later...btw thnx for the reply

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

      @@henrypowell3496 haha, do you know what the problem was?

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

    Plzz make video on woocomerce api

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

      I don't use that api so I have no experience in it.

  • @Maystro_eg
    @Maystro_eg 5 років тому

    I need to understand every thing in Flutter, advise me

    • @FilledStacks
      @FilledStacks  5 років тому +1

      Read all the docs, build a app a week. In a year you should be pretty good.

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

    Another nice tutorials. ╭( ・ㅂ・)و

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

      thank you :) Happy to hear that you like it