Oflutter: Create a Sidebar Menu in Flutter 2021

In this video, we will learn how to create - user account sidebar menu using Flutter framework. This tutorial was made for flutter beginners. Some key flutter widgets for this tutorial:
------
* Drawer ()
* UserAccountsDrawerHeader ()
* ListTile ()
* CircleAvatar ()
* ClipOval ()
* BoxDecoration ()
* DecorationImage ()
* Divider ()
------ and more...
Website:
oflutter.com
Official Article + Source Code: [Create a Sidebar Menu in Flutter 2021]
oflutter.com/create-a-sidebar...
If you buy me a coffee, you will make my day :)
/ oflutter
Tags:
#Oflutter #Flutter #FlutterTutorials

[@ibrahimjatau809]

Best Tutorial ever, will love to see more flutter tutorials and application tutorials on this channel.

[@oflutter]

Thanks for your feedback! I'm working on something interesting and helpful:) It will cover many things! Stay tuned:)

[@qolbinurwandi]

The best! Your video is super helpful for beginners like me. Thanks so much! I hope you keep going for the next great upcoming things!

[@ronaldrask3831]

Normally I don't write comments, but this is a great explanation. Thank you!

[@ianrequenajerez]

amazing tutorial, it is just amazing how you explain yourself, so calm and concise! thank you

[@abasilis]

Thank you very much, great tutorial, and easy to follow and understand. One thing I've learned is that there are so many people making Drawer menu putting image and text for the header, and this is the first time I see that there is a UserAccountsDrawerHeader widet that makes everything simpler, thanks again, keep making simple videos for beginners.

[@oflutter]

Thanks 🙏

[@Mr.ad4m]

best tutorial since I'm a programming student Thanks bro

[@cunningmentor]

Well explained with simplicity. found this best flutter tutorial.

[@oflutter]

Thanks 😊

[@mohammedkerdoud2595]

thank you so much, I have some problems on creating a sidebar for my flutter project and today i fix them :)

[@oflutter]

You are welcome 🤗

[@ahmedfurkan5621]

Awesome! I found what I was looking for.

[@oflutter]

I’m glad you got it 😎

[@abdelmounimainou4550]

Good and clean job, thank you

[@thazeroword646]

Very nice tutorial

[@oflutter]

Thanks!

[@josericardo5683]

thank u, just what i was looking for! suscribed for more flutter tutorials

[@oflutter]

Thanks 😊

[@jehatdeniz8260]

This was good man. Continue pls 💯

[@oflutter]

For sure!! Thanks

[@gamerartistnarvel6615]

The perfect tutorial, great way of pointing to every single thing ! amazing tutorial for beginners.

[@gamerartistnarvel6615]

+1 Subscriber

[@oflutter]

Thanks

[@johnkim7321]

Clean and nice drawal tutorial ever.

[@yazidalin3308]

best tutorial, your tutorial is very beginner friendly

[@imshinchan4800]

Thanks for the help

[@soultouchin]

Best tutorial on flutter

[@uxruslan]

Perfect tutorial

[@deepakbajwa004]

Wow man great work ❤❤❤

[@bluehydrogen]

Thanks for the knowledge

[@kanishkamarpuri5800]

Great, helped a lot , Thanks Man

[@user-um8fu6cu7u]

THANK YOU BRO

[@robinchowdhury4795]

Just love it.keep uploading new videos....

[@rodgersnyakundi5870]

Best channel direct to the point

[@oflutter]

Thank 😁

[@cjcstudio6201]

Thank you😊

[@auliauwaysalqorni4216]

simple.. yet powerfull..

[@user-ec4dj2up4x]

🎉😘 thanks alot u just helped me so much

[@surajmadhushan584]

Thank you Bro💖

[@renatocaza]

Best Tutorial!!!

[@oflutter]

Thanks! New one is coming very soon!

[@chenanetaleb2226]

thank you you video was useful and helpful thanks again

[@thushankalana4940]

Thank you so much Sir❤❤❤🤝🙂 Great work 🔥🔥

[@narikodanhridul3717]

Well explained ❤️

[@mohamedaminedjidel1808]

very nice and clear thanks a lot

[@oflutter]

Thank! More videos coming soon

[@ahmed.elrefaiy]

Awesome ! ❤❤

[@hapden.]

thank you! :)

[@ChathurangaKasthuriarachchi]

nicely explained bravo

[@oflutter]

Thanks)

[@ranawaleed6241]

Highly Useful... GREAT EXPLANATION

[@sempungujovan1397]

Great teacher.. you need a cup of coffee

[@amosgikunda4464]

Easy to follow. Subbbed!!!

[@oflutter]

Thanks 🙏

[@elizaturgunbaikyzy5600]

Best Tutorial Thank you

[@oflutter]

😌

[@BONGOMALA]

Please make Part 2 for this ❤

[@user-hs1bj8nc6p]

Love this'

[@csgo5502]

Нифиговый туториал, большое спасибо

[@luclekene8592]

thanks

[@ai-bloggers]

It's great

[@eslamabdo3728]

الله ينور

[@shoyusufsiddiqov3329]

Thanks a lot !

[@oflutter]

Thanks for comment

[@shoyusufsiddiqov3329]

@@oflutter Hi I like your tutorial videos with tutorial on website ! please keep making more tutorials like this one. Goog luck !

[@delphinmutaka8145]

I like your tutorial. Please upload if you can your codes so that we may play around with it. Thanks for being sooo easy to follow

[@oflutter]

Thanks for your comment! I uploaded the code in my article, you can find a link in the description:)

[@beginnerwithcode]

SUPER 🚀🚀🚀

[@robinpalghadmal2082]

Best tutorials

[@oflutter]

Thanks 😊

[@ahmadnurullaiq845]

Thanks my bro

[@oflutter]

Always welcome :)

[@S-Lomar]

Thanks for sharing ❤️💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕

[@oflutter]

New video tomorrow!!! Stay tuned!

[@yuriboeira4048]

Goooood!

[@oflutter]

Thanks 😊

[@spurgen2186]

very nice

[@oflutter]

Thanks 😊

[@skimran22]

Have question how to reduce space between leading icon and text in listtile

[@Explomaya]

Can I add this as a reusable component

[@narikodanhridul3717]

can we make Drawer without app bar , where drawer can be opened using an additional button

[@arunrajs6572]

Please please please continue the Tutorials.. make videos daily.. request you to start with Beginners Level.. Zero to Mastery Level Kind of Tutorials for us to learn from scratch..

[@oflutter]

Thanks for comment)

[@KarmaKanda]

how to make share , more app and rate us in sidebar backend code please

[@BONGOMALA]

Please make responsive on exit button.

[@jabbarrefaghatjoo6897]

This is super cool, I have a wordpress website, i always use plugin in my website because I don't have experience in html, css, javascript, does anyone know how can I add this beautiful side menu to my website

[@siddhantsingh.y1278]

please upload a continuation video of this on how to add content when the nav buttons are clicked , if u have time please please upload the video

[@oflutter]

Could you please explain to me exactly what you wanna see, and I will take it to consideration

[@cubedev4838]

How to change that menu icon on drawer?

[@anushkayadav9946]

How to make this drawer animated like sliding home screen

[@adszkullanc2954]

Sir, Take it easy. I want to switch to any menu from the sidebar, but I can't. Can you help me?

[@dotnetdevni]

Does it resize for other device’s

[@oflutter]

Yes

[@cococartoon8272]

I created but divider not work I mean that divider line not showing

[@roybalde5601]

Hi and thanks for your videos 👏🏾🙏🏽🙏🏽 can you show me how to display the images by categories on the corresponding pages? my Firestore database has 2 String "url"(images url) and "Tag" (cars, Nature ...) I want the images that are tagged Cars to display in Cars page and Nature in the Nature page. please please please please please please please

[@oflutter]

Hi, thanks for comment. Well, if you have different pages like Cars, Natures, then do a request for URL just with corresponding tag. (Use “where”).

[@indiravilchezcasallo8697]

El siguiente video por favor

[@adszkullanc2954]

Hello, How can I open a new page when I click on the content in the sidebar, please help urgently.

[@oflutter]

You can wrap any widget with InkWell and use onTap function

[@sametdiri]

Normally I don't write comments, but this is a great explanation. Thank you!

[@oflutter]

Thanks 😊