Oflutter: Create a Sidebar Menu in Flutter 2021

Рет қаралды 76,507

3 жыл бұрын

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

Пікірлер: 102

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

@ibrahimjatau809 3 жыл бұрын

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

@oflutter 3 жыл бұрын

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

@ronaldrask3831 2 жыл бұрын

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

@ianrequenajerez 2 ай бұрын

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

@abdelmounimainou4550 3 жыл бұрын

Good and clean job, thank you

@abasilis 2 жыл бұрын

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 2 жыл бұрын

Thanks 🙏

@jehatdeniz8260 3 жыл бұрын

This was good man. Continue pls 💯

@oflutter 3 жыл бұрын

For sure!! Thanks

@johnkim7321 Жыл бұрын

Clean and nice drawal tutorial ever.

@deepakbajwa004 3 ай бұрын

Wow man great work ❤❤❤

@Mr.ad4m Жыл бұрын

best tutorial since I'm a programming student Thanks bro

@cunningmentor 3 жыл бұрын

Well explained with simplicity. found this best flutter tutorial.

@oflutter 3 жыл бұрын

Thanks 😊

@ahmedfurkan5621 3 жыл бұрын

Awesome! I found what I was looking for.

@oflutter 3 жыл бұрын

I’m glad you got it 😎

@kanishkamarpuri5800 2 жыл бұрын

Great, helped a lot , Thanks Man

@yazidalin3308 Жыл бұрын

best tutorial, your tutorial is very beginner friendly

@josericardo5683 3 жыл бұрын

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

@oflutter 3 жыл бұрын

Thanks 😊

@robinchowdhury4795 2 жыл бұрын

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

@rodgersnyakundi5870 3 жыл бұрын

Best channel direct to the point

@oflutter 3 жыл бұрын

Thank 😁

@imshinchan4800 Жыл бұрын

Thanks for the help

@bluehydrogen 11 ай бұрын

Thanks for the knowledge

@soultouchin 2 жыл бұрын

Best tutorial on flutter

@user-ec4dj2up4x Жыл бұрын

🎉😘 thanks alot u just helped me so much

@ranawaleed6241 Жыл бұрын

Highly Useful... GREAT EXPLANATION

@narikodanhridul3717 2 жыл бұрын

Well explained ❤️

@mohammedkerdoud2595 3 жыл бұрын

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

@oflutter 3 жыл бұрын

You are welcome 🤗

@uxruslan 2 жыл бұрын

Perfect tutorial

@thushankalana4940 9 ай бұрын

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

@cjcstudio6201 Жыл бұрын

Thank you😊

@ahmed.elrefaiy 2 жыл бұрын

Awesome ! ❤❤

@renatocaza 3 жыл бұрын

Best Tutorial!!!

@oflutter 3 жыл бұрын

Thanks! New one is coming very soon!

@chenanetaleb2226 Жыл бұрын

thank you you video was useful and helpful thanks again

@surajmadhushan584 Жыл бұрын

Thank you Bro💖

@gamerartistnarvel6615 Жыл бұрын

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

@gamerartistnarvel6615 Жыл бұрын

+1 Subscriber

@oflutter Жыл бұрын

Thanks

@thazeroword646 3 жыл бұрын

Very nice tutorial

@oflutter 3 жыл бұрын

Thanks!

@user-um8fu6cu7u 7 ай бұрын

THANK YOU BRO

@hapden. 2 жыл бұрын

thank you! :)

@auliauwaysalqorni4216 Жыл бұрын

simple.. yet powerfull..

@user-hs1bj8nc6p Жыл бұрын

Love this'

@amosgikunda4464 3 жыл бұрын

Easy to follow. Subbbed!!!

@oflutter 3 жыл бұрын

Thanks 🙏

@ChathurangaKasthuriarachchi 3 жыл бұрын

nicely explained bravo

@oflutter 3 жыл бұрын

Thanks)

@ai-bloggers Жыл бұрын

It's great

@mohamedaminedjidel1808 3 жыл бұрын

very nice and clear thanks a lot

@oflutter 3 жыл бұрын

Thank! More videos coming soon

@beginnerwithcode Жыл бұрын

SUPER 🚀🚀🚀

@luclekene8592 2 жыл бұрын

thanks

@eslamabdo3728 Жыл бұрын

الله ينور

@elizaturgunbaikyzy5600 2 жыл бұрын

Best Tutorial Thank you

@oflutter 2 жыл бұрын

😌

@BONGOMALA Жыл бұрын

Please make Part 2 for this ❤

@yuriboeira4048 3 жыл бұрын

Goooood!

@oflutter 3 жыл бұрын

Thanks 😊

@oflutter 3 жыл бұрын

New video tomorrow!!! Stay tuned!

@sempungujovan1397 Жыл бұрын

Great teacher.. you need a cup of coffee

@robinpalghadmal2082 3 жыл бұрын

Best tutorials

@oflutter 3 жыл бұрын

Thanks 😊

@skimran22 3 жыл бұрын

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

@shoyusufsiddiqov3329 3 жыл бұрын

Thanks a lot !

@oflutter 3 жыл бұрын

Thanks for comment

@shoyusufsiddiqov3329 3 жыл бұрын

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

@S-Lomar 8 ай бұрын

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

@csgo5502 2 жыл бұрын

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

@ahmadnurullaiq845 2 жыл бұрын

Thanks my bro

@oflutter 2 жыл бұрын

Always welcome :)

@narikodanhridul3717 2 жыл бұрын

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

@spurgen2186 2 жыл бұрын

very nice

@oflutter 2 жыл бұрын

Thanks 😊

@cubedev4838 2 жыл бұрын

How to change that menu icon on drawer?

@Explomaya 11 ай бұрын

Can I add this as a reusable component

@BONGOMALA Жыл бұрын

Please make responsive on exit button.

@delphinmutaka8145 3 жыл бұрын

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 3 жыл бұрын

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

@KarmaKanda Жыл бұрын

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

@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

@anushkayadav9946 Жыл бұрын

How to make this drawer animated like sliding home screen

@siddhantsingh.y1278 3 жыл бұрын

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 3 жыл бұрын

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

@cococartoon8272 6 ай бұрын

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

@adszkullanc2954 2 жыл бұрын

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

@indiravilchezcasallo8697 2 жыл бұрын

El siguiente video por favor

@arunrajs6572 3 жыл бұрын

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 3 жыл бұрын

Thanks for comment)

@adszkullanc2954 2 жыл бұрын

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

@oflutter 2 жыл бұрын

You can wrap any widget with InkWell and use onTap function

@roybalde5601 3 жыл бұрын

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 3 жыл бұрын

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”).