Flutter - Creating Custom Material Navigation Drawer [ Drawer | Inkwell ]

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

КОМЕНТАРІ • 104

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

    If you find this video useful, consider Following me on:
    Twitter: twitter.com/theretroportal
    Instagram: instagram.com/retroportalstudio
    Happy Coding! ✌️😁

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

    @RetroPortal Studio You should be sponsored by Google! This was so clear, so concise and such a rich learning experience!

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

    outclass sir kamal super alfaz nhi

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

    One of the best Flutter tutorials I've found. Thanks

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

    Mate, I can't ever thank you enough for this.

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

    Thank you very much

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

    This is a quite good video, you are not boring and confusing! Respect!

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

    i still minutes from finishing this video,i want to say thanks for sharing this video.

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

    Thanks 😍👍

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

    Very nice tutorial, easy to understand and follow.

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

    well explained Drawer with example. Thanks a Lot.

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

    Very good tutorial,
    thank you,
    Can you make multilevel menu with sliding effect please

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

    Thank you!

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

    You are great. Keep going. I will wait for new videos.

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

    I am so happy to find this awesome channel! thanks bro

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

    Merci c'était parfait - it was perfect

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

    hi, great tutorial, could you please also make one to explain how to navigate between pages? thank you

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

    Thanks, exactly the kind of layout i was looking for

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

    Thank you for video

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

    you're goddamn good, keep up bro

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

    Nice man... Very useful tip! Thanks

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

    Excelente

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

    you are very good, thank you

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

    Thanks for this amazing tutorial! It helped me a lot! Cheers from Brazil

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

    Thanks 🙏

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

    hi great video. Why do you wrap everything in containers? is there a reason? The column for example

  • @JorgeOliveira-ww8ry
    @JorgeOliveira-ww8ry 4 роки тому +1

    great work, mate

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

    Excellent Tutorial. Thank You

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

    @RetroPortal Studio any chance you could do a quick follow up and help to add navigation to this ?.... specifically how to put the new widgets into the body of the drawer...(and possibly how one could at this point split those 'section related' widgets into their own distinct files and still navigate to them from the drawer.) Thanks a million for any hints you can provide here.

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

    Keep it up Sensei

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

    Man I made this in Android Studio (Java) and then in Flutter. The later took less than half the time. Damn quick

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

    27:33 for logo and padding i guess it s better to change your code to this bellow :
    child: Padding(
    padding: const EdgeInsets.all(8.0),
    child: Image.asset('images/logo.png', width: 100, height: 100,),
    ),

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

    Thank You

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

    Great effort, thanks master!

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

    Perfect....

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

    nice video

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

    using leading, title, trailing instead of a row would be easier, on 10:00 .
    Very much helpful video, thank you

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

      cant used leading trailing title inside row

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

    Can u tell me how to go different pages from home, notifications, and other screens?

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

    great work!! would have helped more by adding code in description or providing in git link!! Thanks anyways

  • @Satyamsingh-jo7uv
    @Satyamsingh-jo7uv Рік тому

    How to use the menu to route to different pages for eg to profile or to Logout as passing the firebase signout inside the on Tap giving error

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

    how can i change the width of the drawer? i would like it smaller. In any case thanks for the tutotial.
    @RetroPortal Studio

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

    Muito bom, só faltou as rotas

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

    Great!!!

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

    Question - my icons are not appearing - its as though the dependencies are broken, but I cannot tell how to resolve. Any ideas?

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

    Thanks...

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

    Professor, could you explain to me how to use the circle avatar in this case with local images? sorry for the arrogance is that i'm new to the flutter.

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

      Thank you for your support! ✌😁 And need no apologies. You can do this in multiple ways with different performance benifits. but the simplest would be to wrap the Image widget in ClipRRect and then give it a border radius of half the width of image.

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

    awesome thanks.

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

    Thanks a lot.

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

    Can you go over how to include on onTap to another page please?

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

    what id menu list is larger than the window size

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

      Should wrap this in a SingleChildScrollView or use a ListView with shrinkWrap set to true

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

      @@RetroPortalStudio thanks for replying

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

    can you change the icon of drawer??

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

    You should show the finished navigation behaviour. I’m not sure if this will work for me.

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

    very nice
    thanks for that

  • @thierryp.oliveira2422
    @thierryp.oliveira2422 5 років тому +1

    Thanksss!

  • @PAUL-zi6zd
    @PAUL-zi6zd 4 роки тому

    how do i populate enddrawer?

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

    Hi it's a nice tutorial.
    I'm searching for a tutorial how to make 2 apps for example a app like uber you need 1 app for driver and 1 app for a passenger for ios and android.

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

    how to remove that grey status bar color just above the drawer?

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

    and how to make this Drawer menu without App bar (white color)?? it mean make it to fit the screen.

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

    bigger font and 1080 will be much helpful
    thanks

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

    How i change the COLOR of the drawer icon ?

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

    What you didn't teach however is how to replace the Drawer() with your own custom drawer, like it says in the video title

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

    what keyboard shortcut were you using to enclose a whole section of your code ?

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

      don’t know if you still need this but its option ^ shift R on Mac

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

    Best 1080p resolution.👍

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

      I apologize i don't have 1080p display for my recording PC at this point ✌😊 Will try upgrading soon!

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

    On tap what do we do, to go to onother page?

  • @iteach-tech6531
    @iteach-tech6531 4 роки тому +2

    Increase text size. It's not visible clearly

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

    How do I navigate to a new page when I click on one of the buttons in the burger menu? Can someone help

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

      You have to route the button to the new page.

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

      @@calmsounds5166 it doesn't works. onTap action do not work. I dont know why ?

  • @7MechanicalAnimal
    @7MechanicalAnimal 2 роки тому

    Hello. The onTap: onTap, from the function gives me an error and will not start the app. What can I change there?

    • @7MechanicalAnimal
      @7MechanicalAnimal 2 роки тому

      I fixed it. It can not be called Function onTap. Instead VoidCallback onTap;

    • @Satyamsingh-jo7uv
      @Satyamsingh-jo7uv Рік тому

      @@7MechanicalAnimal please elaborate buddy it would be helpful

    • @Satyamsingh-jo7uv
      @Satyamsingh-jo7uv Рік тому

      How to navigate to other pages on Tap i.e on clicking logout it should logout using firebase auth

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

    Bro can you please put the git code in description ?

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

      Apologies! This video is a bit old 😅 New ones always have the Git or Drive link

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

    How to make same drawer for all pages ??

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

    Hello
    If possible, how can I display the user's information "name, email, and photo" inside DrawerHeader automatically after the subscriber completes the registration
    Note that the subscription was via googel and the firebase, and the subscription was completed, and the subscriber's information appeared in the Authentication
    And thanks in advance

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

    how to navigate to other page ..please help ???

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

    How to test flutter app in ios device?

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

      On a Mac, run the simulator and test it accordingly. There are many tutorials online , even on official flutter website.

  • @Henok-Ayele
    @Henok-Ayele 4 роки тому

    you always make our programming life easier. thanks a lot really. sub sub sub.

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

    How to navigate to other pages

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

    can i get the code of this! Thanks!

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

      Would like the same. I dont understand why he didnt include a github

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

    Playing a video inside drawer head pauses the video . How to avoid that ?

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

    can you share the code please

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

    Code source ?

  • @v.suresh2629
    @v.suresh2629 3 роки тому

    where is source code bro

  • @amrahmedel-balshy3049
    @amrahmedel-balshy3049 3 роки тому

    ربنا يهديك

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

    its not responsive

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

      how to navigate to nother page. I tried anythink but I cant.

  • @Mahmudulhasan-ts5hm
    @Mahmudulhasan-ts5hm 4 роки тому

    duplicate name argument "child"

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

    Professor, could you explain to me how to use the circle avatar in this case with local images? sorry for the arrogance is that i'm new to the flutter.

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

      AssetImage();
      Ensure you add those images to your pubspec.yaml.