Skip to content

The network

Add your feed Account Follow @itsallwidgets on X (opens in a new tab)
Videos
Video

Floating Sidebar Animation | Flutter UI

by Prateek Sharma youtube.com

19 min 4.4k views

Watch on YouTube

#Flutter #FlutterSDK #floatingsidebar Hey, Till now on this channel, I have taught you 3 times about a custom navigation drawer for your Flutter app. 1. First, Collapsible Animated Sidebar https://www.youtube.com/watch?v=2SjvhAUR9aw. This sidebar may or may not stick to the screen always, means it can be off-focus like the default Material Navigation Drawer. In either case, you can alter it’s visible width with animation by pressing the menu-close animated icon. 2. Second, Shifting Menu & Dashboard https://youtu.be/N5reMK43GLs. This is spread across 3 videos where when you open the menu, the dashboard scales down towards right to make space for menu to slide in from left. This menu performs multiple animations at the same time for menu and dashboard. You also learn to change dashboard based on menu selection and hence close the menu.https://www.youtube.com/watch?v=N5reMK43GLs 3. Third, Sidebar animation and navigation https://youtu.be/oExw0U4U_UI. This is very similar to the first one except that this will never be hidden and has a handle on top. On click of the handle, the menu slides till the end revealing the menu items. You can close the menu by tapping handle again. So, why am I telling you this? I want you to visit these videos after this one as to understand the underlying concept when creating a custom drawer. Join this channel to support the channel and get access to perks: https://www.youtube.com/channel/UC3wqIkiaOUpO6EjJoCwH6_Q/join ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Other Videos ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ➨ Movie App Pro App Series - https://www.youtube.com/playlist?list=PL342JVRNQxEAcQdnNeN0JmMzfcm6VtLxS ➨ Neumorphism, Gradient Chart & Custom Shape End Drawer - https://youtu.be/oExw0U4U_UI ➨ Google Stadia App Concept - https://youtu.be/-rqvZfUdSPw ➨ Local Events App - https://youtu.be/pAYGLroI1DI ➨ Sidebar animation and navigation - https://youtu.be/oExw0U4U_UI ➨ Despicable Me Characters App - https://youtu.be/2cl70GbiJZc ➨ Flight Ticket App Playlist - https://youtu.be/WBcoWif202s ➨ Video Game Messaging App - https://youtu.be/2E-n0WWooGs ➨ Bloc Tutorials - https://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 https://www.buymeacoffee.com/AGd0Xngci or here is my ❤️ PayPal account paypal.me/techieblossom ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Follow me! Show your support towards the channel: ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ 🎯 Medium - https://medium.com/@prateeksharma 🎯 Twitter - https://twitter.com/SharmaPrateek7 🎯 Website - https://www.techieblossom.com 🎯 Github - https://github.com/TechieBlossom SUBSCRIBE FOR MORE VIDEOS LIKE THIS LIKE & SHARE THANKS FOR WATCHING!🙏🙏🙏

Made by

Prateek Sharma @prateeksharma 🇮🇳 India

Available for hire

View Prateek on Flutter Pro
Forum

Questions about this, or something to add?

Discuss on the forum

Topics Bloc Navigation and routing Animations

More like this

Report this · Wrote this? Claim it

Supported by