Flutter Tutorial - Sidebar Menu & Navigation Drawer With Routing

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

КОМЕНТАРІ •

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

    👉Join 12 Week Flutter Training: heyflutter.com
    👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f
    Source Code: github.com/JohannesMilke/navigation_drawer_example

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

    You are a GEM ! The Best Flutter Developer and Teacher 🙏🙏

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

      Glad to hear that, Thank you CodoWeb! 😊

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

    Once again I have relied on one of your succinct, relevant instructional videos. You deserve all success.

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

    This man is a real life Flutter wizard. My God.

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

      Thank you, Americano no Brasil! 🙂

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

    you made my day . thank you brother

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

    Another great tutorial by my favorite Flutter channel

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

    6:09 DRY. Use a List screens =[ PeopleScreen(), FavsSreen()];
    Then on the navigator use screens[index]

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

    Best video ever. Bless you man.

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

    You are a great teacher Boss !

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

      Glad to hear that, Thank you Ripu Dhman! 😊

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

    Hello Johannes, thank you, much appreciated! Best, Ralf

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

    Very useful tutorial. Thanks Johannes, finally I was able to understand why my Scaffold context was not able to trigger.

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

    Your explanation is always easy.thank you

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

      You’re most welcome, Hindi song! 🙂

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

    Very much helpful! Thank you for sharing your knowledge. More power!

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

    Hi, nice tut, taught me quite a few things!
    A few improvements to consider:
    1) Navigator.pushReplacement / Navigator.popAndPushNamed - 1 method instead of 2
    2) ListView.separated - instead of manually adding SizedBox-es

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

    This tutorial is simply impressive. Thank you!

  • @_anas_shuaib
    @_anas_shuaib Рік тому +1

    Everything is perfect 👍 But how can I change the look of her icon?

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

    this video saved my code. thank you so much!

  • @user-iw2md2gl4q
    @user-iw2md2gl4q 3 роки тому

    This has been extremely helpful. Thank you!

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

    Very helpful tutorial
    Thanks for making

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

    Whoa, amazing tutorial, everything was well explained and the results were awesome! Thank you so much! 😄💯

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

      Glad to hear that, You are most welcome Luis M! 😊

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

    Thank you so much for this. It was very helpful 🙌.

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

    Such a great tutorial! Very helpful (:

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

    Thanks, very useful😃👍

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

    Nice content, to the point easy to understand.

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

      @@HeyFlutter I ran into a problem right now. I cannot navigate to another page using the switch case. Could you help me with that??

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

    Thanks❤❤

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

    You're the best!

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

    Thank you so much bro

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

    Nicely explained. Thanks!

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

    Great tutorial

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

      Glad it was helpful, @PadillaJosh 😀

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

    Important video..thanks ❤️

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

    You are great! .. Thanks a lot

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

    Please use mapbox using flutter....and bloc library demo with api call

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

    Great tutorial. Thanks

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

    Hi, can we only add Drawers inside Stateless Widgets?

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

    Hi Johannes, love you videos. Do you have any video explaining navigation in flutter with firebase? It would be awesome as I have a hard time navigating to child categories...

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

    Great work

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

    thank you so much Johannes. Can I question you. What is export and how to do it. can you please tell me a video.

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

    Awesome video ❤️. One suggestion, either use lined icons or filled icons for consistency.

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

    THANK YOU SO MUCHHH

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

    THANK YOU Johan! I wanted my pages to drop back to the drawer.. so I added it to favorites page, but when i went to the people page, then to favorites, then used the back button the people page was still open.. how do I close the page when I exit it please? Just trying to do proper garbage cleanup, Thank you again! Are you available for work? If so lets connect via DM

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

    thanks sir, very very helpful

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

    finaly i get how to use function drawer

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

    Amazing tutorial again Johannes!
    Can we open the drawer using gesture detector and slide from left to right?
    Would it be easy to implement this?

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

    Thanks for video, please can you explain how use routes and navigation together, because I want implement login

  • @md.sajjadhossain7216
    @md.sajjadhossain7216 3 роки тому

    very nice

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

    Hey, good video. How do I alter the width of the drawer? Drawer >> Container >> width is not changing anything.

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

    Firstly Johannes Melk, thank you so much for this great content, you are really wonder,
    Secondly
    I have a question
    How can I add appbar and drawer to the screens considering that the scaffold was deleted because I used the persistent_bottom_nav_bar package 🤔
    Thanks in advance 🌸🙏🏻

  • @rakshithgowda8782
    @rakshithgowda8782 Рік тому +1

    subscribed

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

      Thanks, @rakshithgowda8782! 🙂

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

    Stay safe. Keep it up. May i req simple state management in daily task tracker? )))

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

    Thank you.

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

    Thank you so much for this. It was very helpful 🙌.
    One question can we have an app drawer with SliverAppBar?

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

      Yes, we can. Think about "widget on widget".

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

      @@TrikNgonlenI tried it this afternoon and there were some issues, maybe I'm doing something wrong

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

      @@HeyFlutter Thank you for the link 👍

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

    Is there anyway to use gradient color in Drawer? I mean while using material instead of container.

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

      @@HeyFlutter Thanks for the answer

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

    How to add login page in drawer navigation bar???make a video plz sir

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

    Awesome video. I am stuck at one point though I have implemented logout feature and after logout Provider stops working :(

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

      @@HeyFlutter my project was without provider initially and it was working fine. I have used firebase auth. Now I have added navigation drawer following your tutorial. Now when I do logout or login with firebase then navigation drawer listener stops working. This is the issue I'm getting

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

    Multiple listtile's navigator how can set

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

    Which country ?? Your accent seems to be unique 👍

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

    how do i save the state of the screens?

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

    Hi, do you work with photo_manager package?

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

      @@HeyFlutter Thank you for sharing your knowledge 😊

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

    If route by navigation drawer then bottom curve navigation bar is vanished how can i fixed it??

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

    Perfect

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

      Thank you, Caio Andrade! 🙂

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

    I put a very long name and overflow occured... I had put overflow: TextOverflow.ellipsis, but nothing happen.. Can u help?

  • @B34ST-SL4Y3R
    @B34ST-SL4Y3R 2 роки тому

    I don't understand how your pages are sliding from the right. I saw this in so many navigation drawer videos, when they click on one of the drawer items, their target page slides in smoothly from the right side, but when I click, my page always comes up from the bottom. :(

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

    here is possible that end Drawer open in left side ??

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

      No, @rana_adnan218 🙂 end drawer is made to be on right side, You can use normal drawer for opening it from left side

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

    Good work

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

      I ussually admire your tutorials. How i wish you can have one on push notifications without the use of FCM.

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

    How do i create a function to go back to my home page?

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

    tq very much

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

    please do dynamic link please

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

    how to displays user informations connected to firebase with this code please? i try this "final email = 'Email: ' + user.email!;" but it not working

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

      Thank You Resine Art! Follow this link: stackoverflow.com/questions/67744698/flutter-display-user-information-using-firebase-auth
      I hope you will get your answer 🙂

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

      @@HeyFlutter hmm I will check it thanks for your answer

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

    I love it...

  • @mazenal-ali765
    @mazenal-ali765 2 роки тому

    but the name and email should be retrieved from the database (cloud firestore) how can we do that please any video or guide

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

      Thank You Mazen Al-ali! Follow this link: stackoverflow.com/questions/63265367/retrieve-cloud-firestore-data-just-for-user-logged-in-flutter-application
      I hope you will get your answer 🙂

    • @mazenal-ali765
      @mazenal-ali765 2 роки тому

      @@HeyFlutter thank you johannes for your awesome work, yes i already managed to solve it.

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

    How to add both buttom navigation and side navigation bar in one page ??

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

    on ListView the error coming on clicking drawer button
    The getter 'key' was called on null.
    Receiver: null
    Tried calling: key

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

      @@HeyFlutter I just want to override Back Button and Show Exit Confirm on click yes and it just go back page but cannot exiting from app ?

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

    how to sub menu item

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

    Can you not prepare the code before making the video, sorry but i feel pretty nervous.

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

      @@HeyFlutter I am actually a big fan of you Mike. Thanks for your good works.

  • @MohammadAli-vj4sr
    @MohammadAli-vj4sr 3 роки тому

    your teaching method just awesome but code skipping which is really boring...

    • @MohammadAli-vj4sr
      @MohammadAli-vj4sr 3 роки тому

      @@HeyFlutter Not this video your every video you skipped code . do normal coding . don't split coding time while editing your video

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

      HI, Mohammad Sapan, This Channel is made for Intermediate flutter developers, Go Ahead and learn some basics concepts before visiting this channel. Go to the videos or playlist section, maybe you found some basics video tutorials about flutter on this channel.