Skip to content
0:00 / 0:00

#flutter#dart#navigation-drawer

Flutter UI: How to build a Collapsible Sidebar Navigation

TECHIE BLOSSOM

33K subscribers • 12 videos on Hallway

YouTube

Intermediate. Assumes working knowledge.

96K views7 years ago1 recommendation

Mobile developmentFlutter and React Native

How to create a collapsible drawer or sidebar navigation widget in Flutter based on a Dribbble design.

Mocking a design from dribbble in Flutter In this video, I have created a collapsible drawer/sidebar which can be used as a drawer or anywhere in the body of the scaffold. It can collapse and expand. It can stick on the screen or completely vanish from the screen. Started this project as a design mockup for Collapsible Sidebar **Design: ** - dribbble.com/shots/5787044-sidebar-icons Github - github.com/PrateekSharma1712/custom_navigation_drawer Package created - pub.dev/packages/custom_navigation_drawer If you liked the video, then please show me by hitting the like button for video and show some love by giving star 🌟 on Github. ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Other Videos ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ➨ Neumorphism, Gradient Chart & Custom Shape End Drawer - youtu.be/oExw0U4U_UI ➨ Google Stadia App Concept - youtu.be/-rqvZfUdSPw ➨ Local Events App - youtu.be/pAYGLroI1DI ➨ Sidebar animation and navigation - youtu.be/oExw0U4U_UI ➨ Despicable Me Characters App - youtu.be/2cl70GbiJZc ➨ Flight Ticket App Playlist - youtu.be/WBcoWif202s ➨ Video Game Messaging App - youtu.be/2E-n0WWooGs ➨ Bloc Tutorials - youtu.be/S2KmxzgsTwk ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Support!! ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Helps me in carving out more time for tutorials ❤️ From India and don't want to pay commission - There are many ways you can connect with me (Website, Twitter, Comments) ❤️ Buy me a Coffee buymeacoffee.com/AGd0Xngci or here is my ❤️ PayPal account paypal.me/techieblossom ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Follow me! Show your support towards the channel: ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ 🎯 Medium - medium.com/@prateeksharma 🎯 Twitter - twitter.com/SharmaPrateek7 🎯 Website - techieblossom.com 🎯 Github - github.com/TechieBlossom SUBSCRIBE FOR MORE VIDEOS LIKE THIS LIKE & SHARE THANKS FOR WATCHING!🙏🙏🙏

Why it's here

1 person recommends this

What people say. Recommended for learning how to build custom collapsible navigation drawers in Flutter.

u/prateeksharma1712in r/FlutterDev • Recommends

Collapsible Sidebar and Navigation Drawer