Oflutter: Create a Sidebar Menu in Flutter 2021

Подписаться 3,4 тыс.

Просмотров 79 тыс.

50% 1

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/c...
If you buy me a coffee, you will make my day :)
/ oflutter
Tags:
#Oflutter #Flutter #FlutterTutorials

Опубликовано:

7 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 104

@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:)

@sametdiri 2 года назад

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

@oflutter 2 года назад

Thanks 😊

@ianrequenajerez 5 месяцев назад

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

@Mr.ad4m Год назад

best tutorial since I'm a programming student Thanks bro

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

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

@jehatdeniz8260 3 года назад

This was good man. Continue pls 💯

@oflutter 3 года назад

For sure!! Thanks

@thazeroword646 3 года назад

Very nice tutorial

@oflutter 3 года назад

Thanks!

@ahmedfurkan5621 3 года назад

Awesome! I found what I was looking for.

@oflutter 3 года назад

I’m glad you got it 😎

@renatocaza 3 года назад

Best Tutorial!!!

@oflutter 3 года назад

Thanks! New one is coming very soon!

@umarsadeeq644 Месяц назад

very easy and useful tutorial. hats off.

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

@willygurning2404 21 день назад

thank you sir really helpful for my project

@gamerartistnarvel6615 2 года назад

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

@gamerartistnarvel6615 2 года назад

+1 Subscriber

@oflutter 2 года назад

Thanks

@E-CommerceWebsite-y2g 9 месяцев назад

THANK YOU BRO

@cunningmentor 3 года назад

Well explained with simplicity. found this best flutter tutorial.

@oflutter 3 года назад

Thanks 😊

@yazidalin3308 Год назад

best tutorial, your tutorial is very beginner friendly

@soultouchin 3 года назад

Best tutorial on flutter

@thushankalana4940 Год назад

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

@josericardo5683 3 года назад

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

@oflutter 3 года назад

Thanks 😊

@rodgersnyakundi5870 3 года назад

Best channel direct to the point

@oflutter 3 года назад

Thank 😁

@mohamedaminedjidel1808 3 года назад

very nice and clear thanks a lot

@oflutter 3 года назад

Thank! More videos coming soon

@BONGOMALA Год назад

Please make Part 2 for this ❤

@chenanetaleb2226 Год назад

thank you you video was useful and helpful thanks again

@abdelmounimainou4550 3 года назад

Good and clean job, thank you

@BONGOMALA Год назад

Please make responsive on exit button.

@auliauwaysalqorni4216 Год назад

simple.. yet powerfull..

@sempungujovan1397 Год назад

Great teacher.. you need a cup of coffee

@4029_AmritpalSingh Год назад

🎉😘 thanks alot u just helped me so much

@robinchowdhury4795 2 года назад

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

@johnkim7321 Год назад

Clean and nice drawal tutorial ever.

@uxruslan 2 года назад

Perfect tutorial

@ranawaleed6241 Год назад

Highly Useful... GREAT EXPLANATION

@bluehydrogen Год назад

Thanks for the knowledge

@oflutter 3 года назад

New video tomorrow!!! Stay tuned!

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

@ChathurangaKasthuriarachchi 3 года назад

nicely explained bravo

@oflutter 3 года назад

Thanks)

@KarmaKanda Год назад

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

@deepakbajwa004 5 месяцев назад

Wow man great work ❤❤❤

@elizaturgunbaikyzy5600 2 года назад

Best Tutorial Thank you

@oflutter 2 года назад

😌

@imshinchan4800 Год назад

Thanks for the help

@Explomaya Год назад

Can I add this as a reusable component

@cjcstudio6201 Год назад

Thank you😊

@surajmadhushan584 Год назад

Thank you Bro💖

@kanishkamarpuri5800 2 года назад

Great, helped a lot , Thanks Man

@narikodanhridul3717 2 года назад

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

@hapden. 2 года назад

thank you! :)

@skimran22 3 года назад

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

@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

@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:)

@spurgen2186 2 года назад

very nice

@oflutter 2 года назад

Thanks 😊

@robinpalghadmal2082 3 года назад

Best tutorials

@oflutter 3 года назад

Thanks 😊

@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

@narikodanhridul3717 2 года назад

Well explained ❤️

@amosgikunda4464 3 года назад

Easy to follow. Subbbed!!!

@oflutter 3 года назад

Thanks 🙏

@adszkullanc2954 2 года назад

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

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

@eslamabdo3728 2 года назад

الله ينور

@anushkayadav9946 Год назад

How to make this drawer animated like sliding home screen

@cococartoon8272 9 месяцев назад

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

@ABCXYZ-s1z Год назад

Love this'

@S-Lomar 11 месяцев назад

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

@ahmadnurullaiq845 3 года назад

Thanks my bro

@oflutter 3 года назад

Always welcome :)

@ahmed.elrefaiy 3 года назад

Awesome ! ❤❤

@luclekene8592 3 года назад

thanks

@csgo5502 2 года назад

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

@cubedev4838 3 года назад

How to change that menu icon on drawer?

@ai-bloggers 2 года назад

It's great

@yuriboeira4048 3 года назад

Goooood!

@oflutter 3 года назад

Thanks 😊

@beginnerwithcode Год назад

SUPER 🚀🚀🚀

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

@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