🚀Beginner’s Guide to Bottom Navigation with Android Jetpack — Part 2

Part 2 of step-by-step guide for beginners on how to create Bottom Navigation using Android Jetpack Navigation

Wajahat Karim
Published in
7 min readJan 17, 2020


Originally Posted on wajahatkarim.com

This is the second part in a series of the articles about the beginner’s guide to using Bottom Navigation View with Android Jetpack Navigation Components. Originally published at https://wajahatkarim.com.

In previous part, we learned some basic concepts about Jetpack Navigation. We then learned on how to integrate navigation components in your android apps and set it up with the bottom navigation. We learned to implement the following two cases in our simple Bottom Navigation Demo application.

  • 🚀 Simple Bottom Navigation with Jetpack Navigation
  • 🎨 Adjusting AppBar/Toolbar for Top Level Destinations

You can read the part 1 of this series here.

In this part 2, we are going to cover the following cases of Bottom Navigation with Navigation components:

  • ☑️ Adding Menu Options in Some Screens
  • 🗒 Creating Detail Screens for Some Screens
  • 🛑 Quitting app on Double Back-Press Tap

Here’s the demo GIF of the final app created in this part of the series and its code is available on Github here.

The Demo GIF of the app. — Image Credits: wajahatkarim3/BottomNavArchDemo

💻 Let’s Get Started

Let’s start from the code after the first part. You can get it from the basic-bottom-nav-toolbar branch of the BottomNavArchDemo repository on the following link.



Wajahat Karim

🔥 Google Dev Expert (GDE) in Android . 📱 Android Dev . 💻FOSS Contributor . 📝 Tech Writer . 🎤 Public Speaker — 🌐Subscribe at https://wajahatkarim.com

Recommended from Medium


See more recommendations