Flutter - Build Beautiful Material Navigation Drawer App With Routing | Android & iOS

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

КОМЕНТАРІ • 149

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

    Old Hai Par Gold hai . Content. Great Content .

  • @brhanem
    @brhanem 6 років тому +26

    Nice video.
    Advice for other viewers: watch it at 1.5 speed.

    • @dhruvkhullar6153
      @dhruvkhullar6153 6 років тому +2

      Somehow after 1.5x speed, his slang gets better... :)

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

      agree! I always 1.5x any vdo above 7min lol

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

    Hey!!! Thank you so much for all your videos. Your videos are really adding value in my knowledge :) :)

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

    Best video ever seen on UA-cam. Can u make some tutorial with Splah Screen, Home as Dashboard (with grid view menu), Sidenav with access all pages also url loading, Loging with Firebase and show profile in drawer inside a complete Flutter app. Thanks a lot bro.

  • @marcoseduardodasilvabergam545
    @marcoseduardodasilvabergam545 6 років тому +1

    Excellent Tutorial! Congratulations! Thanks to share your knowledge about Drawer with us! More vídeos about flutter please!

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

    You explained everything well. You are a king dude. Do not stop!

  • @saikarthikmalyala5727
    @saikarthikmalyala5727 6 років тому +1

    Navigation Drawer is one of the most useful feature in realtime applications.
    When we develop navigation drawer in android we replace the current layout with the fragment.
    Can you please make video on it and explain how we can do it in flutter applications as well.

  • @ELProd-tt5qo
    @ELProd-tt5qo 3 роки тому +2

    You're the best.

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

    have learned a lot. Thank you.

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

    Bro your good teacher

  • @davidstevens6654
    @davidstevens6654 6 років тому

    Thank you...Went through your video line by line and coding and learnt a lot!

  • @AbhishekKaushik26
    @AbhishekKaushik26 6 років тому +4

    Thanks a lot for the amazing tutorial.. Could you please also add a separate tutorial on changing transition animations.
    Thanks in advance

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

    That is amazing tutorial for me. Thanks a lot brother. I'm hopping a new videos. Can you made a tutorial that saving image from assets to gallery.😍😊

  • @mayikx
    @mayikx 6 років тому +9

    thanks and please , would be possible upload to github

  • @codebullsinc.3022
    @codebullsinc.3022 4 роки тому +1

    Old but excellent content!!
    But bro, you might want to tap that keys a bit softer :)

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

    Thanks for all your videos, We hope to see more videos coming further.

  • @drdDavi
    @drdDavi 6 років тому +2

    Excellent tutorial! You explain the concepts very clearly, one thing please add source code for all your tutories! Thank you

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

    Learned a lot, thanks

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

    Nice video, you explained very well, keep doing same.

  • @santoshsah4658
    @santoshsah4658 6 років тому +1

    Thanks for your awesome tutorial. I need to show active page in my drawer and also if i click the active page in drawer, then it shouldn't push the page in navigation stack.

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

    Nice more easy than android studio

  • @shaktiprakash1723
    @shaktiprakash1723 6 років тому

    Nice video,Yes please do a video on that custom Transitions

  • @ricardoalcantara5846
    @ricardoalcantara5846 6 років тому +1

    Great tutorial! And you make usage of the platform variable, very nice!

  • @821ovi
    @821ovi 5 років тому

    Nice work. Thanks.

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

    Very nice.. thanks for taking time and make this beautiful video...

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

    Question, I'm trying to set the email photo and name with the info I get from firebaseapi
    the problem is, build() doesn't rerun after the login which means it won't use the data when available, how can I fix this?

  • @DeepakKumar-cq4id
    @DeepakKumar-cq4id 6 років тому

    Its realy nice tutorial. Can you please make one video on the page transition as you mentioned in the video

  • @princerajpot4022
    @princerajpot4022 6 років тому +2

    You can use
    Navigator.of(context).popAndPushNamed(routeName);
    instead of 2 lines
    Navigator.of(context).pop();
    Navigator.of(context).pushNamed(routeName);
    or use cascade operator of Dart
    Navigator.of(context)..pop()..pushNamed(routeName);

  • @HotWingsFPV
    @HotWingsFPV 6 років тому

    Please cover Custom Animations as well! Excellent tutorial!

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

    love you brother ..

  • @yannmasoch
    @yannmasoch 6 років тому

    I know that it takes time to make a tutorial, so thanks for your videos! - they are very helpful!!

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

    Thanks man for it , bt I wanna ask for a help that can we change the opening transition of this app drawer ?? Plz help me out

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

    Hi Pawan !!
    Bro I am unable to have back icon in my Android Emulator although Code Works Good but back navigation arrow doesn't Appear

  • @RumakInaph
    @RumakInaph 6 років тому +4

    This is good but the drawer children shouldn't be pushed to a new screen. They should be opened like fragments like how we have in the Gmail or inbox app ... Would you mind showing an example with fragments please

  • @manikantakottakotagaaru
    @manikantakottakotagaaru 6 років тому

    Excellent explaination from pk.... In terminal of vscode the flutter commands are not working to me ...what can I do?

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

    Best video on the drawer, thank you so much
    can you tell me how I can change the background of the header?

  • @abeythomas8458
    @abeythomas8458 6 років тому

    A Perfect Channel and the best tutorial bro, love to get more from you. And Thank You for taking me from zero to one in flutter. ❤️

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

    Excellent tutorial 😍 i need some additional information. I created multiple ListTiles and created a navigator for every ListTile and everything works fine. But when i switch between ListTiles, they're stacking on top of each other. That's not a problem until i hit back button on my phone. How can i close the app when i press the back button instead of taking to previous screens ?

  • @JakeCrawfordOfficial
    @JakeCrawfordOfficial 6 років тому

    Your videos are so helpful! Thank you =)

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

    Can you do a in-app purchase for subscription for both android and ios using the office in-app purchase app from flutter team?

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

    Great One

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

    why new page not opened like in native android in fragment not like completlly new activity ?

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

    Great tutorial. Could you help me with loading a url on one of the screens?

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

    thank you verry much, please give us the project code source

  • @wenboliu9929
    @wenboliu9929 6 років тому

    thanks, bro this video helps me a lot!

  • @kevalnavadiya5827
    @kevalnavadiya5827 6 років тому

    Yar jordar samjate ho

  •  5 років тому

    when you click on menu item, Shouldnt this navigate to inside the page?

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

    Hi sir. Thank you for all these videos can you make video on how to build social media app like facebook or twitter in flutter

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

    sir which simulator you installed in your laptop?

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

    what if i want to show drawer icon/hamburger icon to every page we are making in navigation drawer ??

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

    Thanks for creating this video. Could have been 1000% better and much shorter with some planning and editing.

  • @edsonaraujodesouza3459
    @edsonaraujodesouza3459 6 років тому

    Hi, thanks for this great tutorial!! I have a doubt concerning the CircleAvatar. In a real world app there would be an option for adding another account, just like in e-mail apps. How could I achieve that? In your example you have used a declarative approach, but my doubt is how to implement it in code.

  • @ryandsouza547
    @ryandsouza547 6 років тому

    Dude, You are the best

  • @EmrahYurtlu
    @EmrahYurtlu 6 років тому

    Thank you for your valuable tutorial. I wonder that what is the name of iphone emulater or simulater?

    • @HotWingsFPV
      @HotWingsFPV 6 років тому

      It is the default simulator from XCode

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

    How can I use the drawer menu without AppBar. I don't know use Appbar in screen, I want to custom some raisebutton in the top screen and call the menu Appear by action onPress. Pleased help me !

  • @lucasrodriguez3345
    @lucasrodriguez3345 6 років тому

    Amazing channel, looking forward to learn mobile app creation, I know a lot of phyton because those are my first courses at University, and in two weeks I am going to have vacation so I wanted to learn mobile app development, I am inclined to learn flutter is it recommended? For someone new to the mobile app creation?

  • @rohitkumar-qz8jz
    @rohitkumar-qz8jz 5 років тому

    sir i want to know how should the current username email and picture will be changes according to the users login?? for example a user xyz logins the acc it will show xyz there

  • @vijaypratapmaurya
    @vijaypratapmaurya 6 років тому

    Hi,
    Its very useful video.
    I am new in flutter so i want to know that how to create single drawrr for all screen.like in native we create drawer on main activity n then change the main screen(fragment).
    N is there any way to create a screen n change the part of screen on run time.

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

    Dude, u r a god! Thanks a lot for your work!

  • @VemueZ
    @VemueZ 6 років тому

    What is that little awkward padding above the drawer header? Is that normal?

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

    I love you man !!!! :) :)

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

    Thank 😍

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

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

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

    what is your vs color scheme?

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

    In my drawer navigation have problems

  • @paulohenriquepereira4598
    @paulohenriquepereira4598 6 років тому

    Very good!!!!!

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

    what if I need to call the navigator by sliding at any page?

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

    hi..is it possible to publish ios app from flutter in windows. I am using windows + vscode +flutter ? any help will be appreciated.

  • @remoreacts91
    @remoreacts91 6 років тому

    Hi, great videos! I have an issue though, please help. For some reason I am getting an error that there is a required argument when a create a new Drawer and for some reason I cannot access the backgroundColor property in the userAccountsDrawerHeader.

    • @remoreacts91
      @remoreacts91 6 років тому

      I can access the bakrodunColor, ignore that part of the question.

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

    i have a problem regarding 32:57 not working

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

    Well flutter is good for programming but for more grip and efficiency we should use c that's why apple apps have for more grip and control over the app all in all
    I hope flutter also have that

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

    aa apka emulator direct run kese hota he, means aap jabhi koi code me change karate ho wo directly apke emulator me dikha deta he ki apka gui ase dikhega wo kese hota he

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

    how to get real time changes in flutter?

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

    On 19:21 , the close listTile is not working, anyone else has a problem similar?
    ListTile(
    title: Text("Close"),
    trailing: Icon(Icons.close),
    onTap: () => Navigator.of(context).pop(),
    ),
    Same code but still not working
    Ok guys solved the problem, if anyone faces the issue try returning just Scaffold in stateful widget.

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

    thanks, man

  • @drdDavi
    @drdDavi 6 років тому

    Hi I am using IntelliJ, how do I make hot reload work instantly like yours? now I have to save first for it to work.

    • @HelloCodepur
      @HelloCodepur  6 років тому

      I guess it is the feature of the vscode plugin which executes 'r' command for hot reload whenever we save a file and i have enabled auto save after delay of 100ms.

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

  • @thefelix7767
    @thefelix7767 6 років тому

    I'll add to the others who already asked... How is the simulator live updating your code? Is this an Visual Studio thing?

    • @HelloCodepur
      @HelloCodepur  6 років тому

      I guess it is the feature of the vscode plugin which executes 'r' command for hot reload whenever we save a file and i have enabled auto save after delay of 100ms.

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

    how to reduce the height of the drawer

  • @majeedk100
    @majeedk100 6 років тому

    Very nice tutorial. .thank you. .can you help me how to play youtube video in flutter aplication (how to plugin youtube video player. In flutter aplication ) thank you

  • @ChandanSingh-un6ck
    @ChandanSingh-un6ck 6 років тому

    how to get a common drawer for all the pages

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

    Thank You!!!

  • @aadishgoel
    @aadishgoel 6 років тому

    Hey man,
    You are a Great and Your tutorials are amazing.
    But Can you help me a little?
    How can I use my sign in Page to directly update the app drawer details?
    Problems i am facing right now is that.
    I have a sign in function and 2 classes. 1 that displays app drawer and 1 for login page which calls signinFunction.
    Now I am not able to get where to place that sign in function.
    if i make that global then it was unable to use setState function.
    if i put that in appDrawer class. i am unable to call my signin function from another class
    Please Help

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

    whats the theme? Can anyone please let me know?

  • @appspundit4163
    @appspundit4163 6 років тому

    how to navigate to another page without history ?

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

    Sir how much app do you have on playstore

  • @innovafrique
    @innovafrique 6 років тому

    good job brother! please can you customize or change de animation in android down-up by left -right at the end of this video??? please come on

  • @p4u1
    @p4u1 6 років тому

    Please post this on Github!

  • @anantawasthy8104
    @anantawasthy8104 6 років тому

    Thanks !

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

    Could you please put up the github link

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

    Thanks! :3

  • @bhaskarsingh893
    @bhaskarsingh893 6 років тому

    From where did you learn to make flutter app ?

    • @carlosescobar5995
      @carlosescobar5995 6 років тому +1

      I think he has studied the API docs, docs.flutter.io/index.html

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

    can i have its code? i need to do some copy paste

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

    Ok so a very big thanks to you mtechviral, this helped a lot.
    Commentry:
    Everything worked perfectly but there were a few small fixes. The language improved in small ways but all the functions were basically the same.

  • @sumeetkrishnan8828
    @sumeetkrishnan8828 6 років тому

    Bro how create a toast in the startup of an app?

    • @HelloCodepur
      @HelloCodepur  6 років тому

      check my flutter toast plugin video once

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

    great

  • @joantonio6331
    @joantonio6331 6 років тому +1

    Am I the only one that gets an error while using the "TargetPlatform"?

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

      use import 'package:flutter/foundation.dart';

  • @satisfakshin
    @satisfakshin 6 років тому

    How do you add the auto comments at the end of your nested widgets?

    • @PhillipMwaniki
      @PhillipMwaniki 6 років тому

      Its a dart plugin feature.

    • @satisfakshin
      @satisfakshin 6 років тому

      Phillip Mwaniki cool, I use Android Studio and I have both the Dart and Flutter Plugins. How do I get it to put in those comments?

    • @HelloCodepur
      @HelloCodepur  6 років тому

      As far as i know it is inbuilt in latest version of flutter sdk which is not still available for android studio ..

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

    code for this?

  • @ThEGeEeK
    @ThEGeEeK 6 років тому

    bhi what are you speaking in between ....