Flutter & .NET Blog

Expert insights on Flutter, Dart, and .NET development

How to Build a Flutter Navigation Drawer

How to Build a Flutter Navigation Drawer

Navigation drawer is a typical UI pattern for adaptive menus. The Material Design documentation formalizes the menu’s behavior, but this pattern is not peculiar to Material Design. The pattern includes a basic Hamburger menu but isn’t limited to small screens. The menu pattern suits all screen sizes. On larger width screens, you see the icon and text, smaller screens will display icons only, and on phones, the menu will disappear during regular use and slide in with the hamburger icon. Follow me on Twitter for updates to this example. Watch how the menu adapts to screen size changes on a desktop screen. It behaves the same way on phones and other form factors. Check out the complete example in the repo, or see the example code here. This example is a work in progress, and the long-term aim is to...
Christian Findlay Christian Findlay Oct 30, 2021