Flutter Tutorial - Collapsible Sidebar Menu & Navigation Drawer

[@HeyFlutter]

This might help you :)
👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
Source Code: github.com/JohannesMilke/collapsible_navigation_drawer_example
Navigation Drawer Tutorial: th-cam.com/video/HTi9wvIG1lI/w-d-xo.html
Selectable Navigation Drawer Tutorial: th-cam.com/video/HTi9wvIG1lI/w-d-xo.html
InkWell Tutorial: th-cam.com/video/dw3U8bbzcdQ/w-d-xo.html
Provider State Management Tutorial: th-cam.com/video/cltCpXY60Sk/w-d-xo.html
Riverpod State Management Tutorial: th-cam.com/video/8H3bwxxla4Y/w-d-xo.html
App Bar Tutorial: th-cam.com/video/dHBF4IJZvHk/w-d-xo.html
Navigation & Routes Tutorial: th-cam.com/video/Xnp6ptZVs1g/w-d-xo.html
Navigation & Named Routes Tutorial: th-cam.com/video/btuxZkofLbs/w-d-xo.html
Status Bar Tutorial: th-cam.com/video/tFPA1R4zvSg/w-d-xo.html
System Navigation Bar Tutorial: th-cam.com/video/uV1yolkEB6Y/w-d-xo.html
WillPopScope & BackButton Tutorial: th-cam.com/video/do5Ppu7Nfpg/w-d-xo.html
Flutter Layout Basics Tutorial: th-cam.com/video/yYxueTNIDlA/w-d-xo.html
AutoComplete TextField Tutorial: th-cam.com/video/ybV1aIyKFE0/w-d-xo.html
Search & Filter In ListView Tutorial: th-cam.com/video/oFZIwBudIj0/w-d-xo.html
TextField Autofill Services Tutorial: th-cam.com/video/v8T4fnrQCf0/w-d-xo.html
Reorderable ListView Tutorial: th-cam.com/video/0bRv3mNCj8o/w-d-xo.html

[@emreonay4939]

Found this video from flutterawesome. Good design and explanation. Thank you.

[@adeelzahid9622]

very appreciated. I was done the whole thing in 2 working days, but you cover almost everything in 22 minutes long video. Fabulous. ✌💕💕✌👍 I'm just thinking why you didn't make this video a week ago. 😁

[@delarammajestic2502]

you are my best teacher in learning flutter so far please keep going in making these kind of videos
wish you health and growth .

[@djjavvystark5470]

Johannes you are the master, thank you very much for all your amazing work.

[@siapikkepri6804]

Great teacher and very very helpful a lot. this is the best channel about flutter. we love you, buddy.

[@deepakchaurasiya519]

Thanks sir for all these amazing videos on all over youtube.... Also congrats for 20k subscribers in advance😍.
It will reach 1 lac soon.. Thanks again.😊

[@alokmaury4389]

This is fantastic work man

[@spajdoX]

Very nice video. Thx for it.

[@HeyFlutter]

You’re most welcome, @spajdoX! 🙂

[@ahteramkhattak2243]

good job mate!! great stuff. Keep it rolling!!

[@amenmoipushi8821]

Thank You so much for this ♥️

[@noshingh521]

You are amazing! Thank you! 🌺

[@sayed_moataz]

amazing, thanks

[@amarpreetsingh857]

This is nice

[@whoadityanawandar]

Does this work on web as it is?

[@HeyFlutter]

Thank You whoadityanawandar! Follow this link: pub.dev/packages/collapsible_sidebar
I hope you will get your answer 🙂

[@ermesenriques8856]

Gracias!!!!!

[@prasaddhend5500]

Sir can you make a video on
Google cloud sheets
I have to create multiple spreadsheet using flutter firebase and Google cloud

[@Akash2094]

For more Menu items it can't scroll
Please help me

[@kerimamanov7760]

Great job. But in my opinion, the width of mobile devices is not enough for this kind of drawer. This may be helpful for web or desktop though.

[@HeyFlutter]

Thanks, Kerim Amanov! 🙂 Yep, you are right, simply run the same source code on Flutter web and it should also work. The concept behind it stays the same

[@MrEvanrich]

would've helped to show how to animate the open/close, as well as have it persist over the pages by using a pageview builder or something

[@HeyFlutter]

Thanks for the idea, @MrEvanrich! 🙂 I have added it to my list of ideas for future videos!

[@yogeshbhati1359]

By default we can open drawer by swiping from left edge but How it is possible to open drawer by swiping right from anywhere of the screen. While we have page view implemented on the screen.

[@HeyFlutter]

Great, thank you, B yogi! 🙂👍
You first need to recognise the gesture on your screen, which can be implemented easily by using GestureDetector() after that you can make use of this code to open the drawer : stackoverflow.com/a/38871869

[@Tech1st]

GetX pagination api tutorial needed

[@jiren8991]

11:23

[@jiren8991]

16:36

[@jiren8991]

12:43