# navigation-drawer Published articles for navigation-drawer. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## About DevFeed: [About]() Original publisher: [Read original article]() Published: 2026-09-15T02:35:35.573025Z Content type: article Language: en Sources: [Android Essence]() Topics: [Development](), [Android](), [Programming](), [GitHub]() Tags: [android-development](), [community](), [development](), [github](), [navigation-drawer](), [programming](), [recyclerview]() ### AI overview Android Essence is an introductory Android development resource focused on making programming concepts understandable to learners of all skill levels. It emphasizes core programming fundamentals and accepts requests for additional topics through GitHub issues. ### Source excerpt About Android Essence Android Essence was first launched on September 2, 2015 by Adam McNeilly. It started off with Adam just wanting to share everything he'd learned about Android development with the community. You can find all sorts of historical context from these posts, like understanding a RecyclerView vs ListView, or even working with a navigation drawer (what a throwback). The problem is that there wasn't always a rhyme or reason to the posts. ## Jetpack Compose: Twitter UI DevFeed: [Jetpack Compose: Twitter UI]() Original publisher: [Read original article]() Author: Ahmed Rizwan Published: 2020-04-25T23:46:18Z Content type: tutorial Language: en Sources: [Android & Tech News -- Medium]() Topics: [Jetpack Compose](), [Compose](), [ui](), [App](), [navigation](), [Code]() Tags: [android](), [android-app-development](), [app](), [compose](), [cross-platform](), [dialog](), [jetpack](), [jetpack-compose](), [kotlin](), [layout](), [navigation](), [navigation-drawer](), [state](), [themes](), [ui]() ### AI overview The article documents a test of Jetpack Compose through a simple Twitter UI clone. It describes the app's three screens, state model, navigation, layouts, scrolling approach, and light, dark, and darker themes. ### Source excerpt I decided to test out Jetpack Compose by making a simple Twitter UI clone after I came across this tweet by Mariano Zorrilla: Mariano Zorrilla 💙 on Twitter Wait... did I just copied Twitter using #Flutter and share it over @CodePen?! 🥰 Such an amazing tool! Took me 1 day of work and 1500 lines of code. Link: https://t.co/zI90oTPYDd cc @timsneath @redbrogdon @ZoeyFan723 @kevmoo @MartinAguinis @nlycskn @Nash0x7E2 https://t.co/OqzBNWET0y He used Flutter (which is an amazing tool btw for building cross platform apps) -- with just one day of work, 1500 lines of code. That's beyond impressive (specially the fact that Flutter can be hosted on CodePen as well). So with similar constraints, I wanted to try out Jetpack Compose. I followed the CodePen example (as closely as I could) and this is the result: Complete source code: ahmedrizwan/JetpackComposeTwitter The App There are three screens in this app Home ScreenProfile ScreenCompose ScreenApp State Before we get to the screens -- take a look at app state model, which will be used for navigation and theming. I also added some helpers for navigating to individual screens & for checking theme. Models There are two models -- both data classes. The Tweet model is annotated with @Model as we update this model from our composed functions to update view state. User stays the same, hence it's not annotated. Home Screen Home screen is a Scaffold -- with drawer, bottom app bar, fab and content components. The scaffoldState is for managing the navigation drawer state. Initially the drawer is closed. Content The content consists of a custom top bar & list of tweets. I used VerticalScroller (with column inside) for the list instead of an AdapterList, as for some reason it wasn't as smooth when scrolling (this will change as Jetpack Compose matures). Ideally we would opt for AdapterList instead -- but for now, I'm using the scroller. Top Bar As it's a custom top bar -- I used a Surface with some elevation. Inside it's a simple row with three i ## Making Google-Apps Like NavigationView -- Android 📱 DevFeed: [Making Google-Apps Like NavigationView -- Android 📱]() Original publisher: [Read original article]() Author: Shreyas Patil Published: 2019-09-10T17:26:01Z Content type: tutorial Language: en Sources: [Shreyas Patil's Blog]() Topics: [Android](), [Library](), [navigation](), [Material Design](), [ui](), [User interface design](), [Android Studio](), [Gradle]() Tags: [android](), [android-apps](), [android-studio](), [apps](), [article](), [google](), [gradle](), [guide](), [how-to](), [material-design](), [navigation-drawer](), [others](), [ui](), [ui-design]() ### AI overview A step-by-step Android tutorial explaining how to implement a Google-style navigation drawer using the MaterialNavigationView library, including project setup, dependency configuration, and Material Theme changes. ### Source excerpt Step-by-step guide to implementing a Google-style Navigation Drawer in Android using the MaterialNavigationView library for premium UI design. ## State of the Navigation Drawer DevFeed: [State of the Navigation Drawer]() Original publisher: [Read original article]() Author: Juhani Lehtimäki Published: 2019-01-31T07:11:01Z Content type: opinion Language: en Sources: [Android UI Patterns - Medium]() Topics: [User interface design](), [navigation](), [Android](), [Google](), [Material Design]() Tags: [android](), [bottom-navigation](), [google](), [material-design](), [navigation](), [navigation-drawer](), [ui-design](), [ux]() ### AI overview This opinion article examines the changing role of the Navigation Drawer in Android UI design. It argues that bottom navigation is replacing the drawer in many modern Google apps because it makes core destinations more visible and discoverable, while the drawer remains useful for secondary or less frequently needed functions and for accommodating more items. ### Source excerpt UI design patterns evolve. Some come into fashion and some go out of fashion. A pattern, once common, over used, and pervasive has been slowly been turned into background and removed. I'm talking, of course, about the Navigation Drawer. I recently had a discussion with a customer about the Navigation Drawer and its role in the current Android ecosystem. I put forth a claim that it is being phased out where possible.. including most Google's apps. The Navigation Drawer pattern, or hamburger menu, has been receiving fair amount of criticism for quite a long time. Main reasons for the criticism has been the fact that it hides core navigation behind hidden UI. Users won't find new features added to apps or find out about the ones already there. There are a good number of sources and experiences advising against the drawer: Hamburger Menus and Hidden Navigation Hurt UX Metrics Spotify ditches the controversial 'hamburger' menu in iOS app redesign Side Drawer Navigation Could Cost Half Your User Engagement 3 Good Reasons Why You Might Want to Remove that Hamburger Menu from Your Product So is Google actually ditching the pattern in their Android apps? It is still, after all, part of the Material Design guideline. If we take a survey of Google apps that have been updated to the modern design we can find a good number of apps that used to use the drawer but now use bottom navigation as their sole navigation pattern: A selection of Google first party apps that rely on bottom navigation. Finding few Google Android apps without drawer is hardly a proof that the drawer is gone for good. However, it is a clear sign of times changing. The drawer was once something that was present everywhere. The much-more discoverability supporting bottom navigation pattern is replacing the drawer where possible. You can find much more information about the bottom navigation pattern in the Material Design guidelines. Truth is that the drawer still lives on. Even on Google's redesigned apps. A se ## Design Support Library (I): Navigation View DevFeed: [Design Support Library (I): Navigation View]() Original publisher: [Read original article]() Published: 2015-05-31T00:00:00Z Content type: tutorial Language: en Sources: [Antonio Leiva]() Topics: [Android](), [Material Design](), [User Interfaces](), [navigation](), [Code](), [Java]() Tags: [android](), [code](), [implementation](), [java](), [library](), [material-design](), [navigation-drawer](), [user-interfaces]() ### AI overview A tutorial on using Android's Navigation View from the Design Support Library to implement a Material Design navigation drawer. It explains the required layout, menu and header configuration, item-selection handling, and drawer controls, while noting a limitation with marking submenu items as checked. ### Source excerpt Everything Android, Kotlin and other random topics