Design a stylish Bottom Navigation Bar on Android

Bottom navigation bar make it easy for users to explore and switch between top-level views in a single tap. It should be used when application has three to five top-level destinations. In this post, we are going to create a stylish bottom navigation bar in Java but using a Kotlin library.

Add dependencies

Create an empty project in Android Studio. We are going to use this Chip Navigation Bar library. Add the library’s dependencies to your build.gradle file:

Designing our menu

We need to design our menu which will span over the bottom navigation bar. We will use three menu items in this case. Head over to your res folder and right-click it. Click on Create New Android Resource Directory and create a new menu directory.

Create a new menu directory
Create a new menu directory

Main Activity

We will then link our layout to our Main Activity as shown below:

The outcome of our activity should be similar to this
The outcome of our activity should be similar to this

I write content on Android and Web technologies. Find me on liciolentimo.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store