---
title: "Discussion on \"How to Add Bottom Navigation in Jetpack Compose?\" | Hashnode"
description: "Discussion on \"How to Add Bottom Navigation in Jetpack Compose?\". Step-by-step guides to add bottom navigation in Jetpack Compose for beginners"
url: "https://hashnode.com/posts/how-to-add-bottom-navigation-in-jetpack-compose/629a9c7ef3e81428fc189444"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to Add Bottom Navigation in Jetpack Compose?](https://vtsen.hashnode.dev/how-to-add-bottom-navigation-in-jetpack-compose?utm_source=hashnode&utm_medium=feed)

Step-by-step guides to add bottom navigation in Jetpack Compose for beginners

Jun 3, 2022 · 3 min read · vtsen.hashnode.dev  
Updated May 6, 2023  
Read the article

-   [#android](https://hashnode.com/tag/android)
-   [#android-apps](https://hashnode.com/tag/android-apps)
-   [#jetpack-compose](https://hashnode.com/tag/jetpack-compose)
-   [#android-app-development](https://hashnode.com/tag/android-app-development)
-   [#beginners](https://hashnode.com/tag/beginners)

## Written by

[Vincent Tsen](https://hashnode.com/@vtsen)

@vtsen · Sydney

  
[View profile](https://hashnode.com/@vtsen)

Native Android Kotlin Developer

I'm a self-taught hobbyist Android developer who loves to build projects and share valuable tips for new Android developers. Feel free to comment, share or connect with me!

## Responses 2

Markdown supported · ⌘↵ to post

[Vladimir Mourn](https://hashnode.com/@Mourn)

[Apr 19, 2023](https://hashnode.com/posts/how-to-add-bottom-navigation-in-jetpack-compose/629a9c7ef3e81428fc189444/comment/644036e10927b503e77f3c3e)

Mr Vincent, for some reasons i got stuck. Android Studio cant recognize BottomNavigation{...} within BottomBarNavigation composable. Where could i make mistake? I would be gratefull if you helped me

[Vincent Tsen](https://hashnode.com/@vtsen)

[Apr 20, 2023](https://hashnode.com/posts/how-to-add-bottom-navigation-in-jetpack-compose/629a9c7ef3e81428fc189444/comment/644036e10927b503e77f3c3e#reply-64412cedfe9ffd14e5b02751)

Sorry, I'm not sure if I can help here. Do you have this import here?

```
import androidx.compose.material.BottomNavigation
```

If this import doesn't work, you're probably using a different material design version than this example.

[Vladimir Mourn](https://hashnode.com/@Mourn)

[Apr 20, 2023](https://hashnode.com/posts/how-to-add-bottom-navigation-in-jetpack-compose/629a9c7ef3e81428fc189444/comment/644036e10927b503e77f3c3e#reply-64416d69fe9ffd14e5b02f24)

[Vincent Tsen](https://hashnode.com/@vtsen) i have found out what it was. In material3 there is no BottomNavigation anymore. It was replaced with a BottomBar. Thx anyways)

[Kai Pereira](https://hashnode.com/@KaiP)

[Jun 3, 2022](https://hashnode.com/posts/how-to-add-bottom-navigation-in-jetpack-compose/629a9c7ef3e81428fc189444/comment/629a9cf9f3e81428fc18945f)

Nice Article!

[Vincent Tsen](https://hashnode.com/@vtsen)

[Jun 4, 2022](https://hashnode.com/posts/how-to-add-bottom-navigation-in-jetpack-compose/629a9c7ef3e81428fc189444/comment/629a9cf9f3e81428fc18945f#reply-629aa472f3e81428fc1894bd)

Thank you.