Adaptive Navigation Bar Using Jetpack Compose

today we are going to create an Adaptive navigation bar using jetpack comp posst so let's go into build out Gradle and add this dependency then let's snc the project and go back to the main activity here we will create a selected item by using by remember savable mutable in state off now let's also create the navigation items by creating a simple list of items now let's create the navigation you sh scaffold add the navigation items by saying nav items for each index because we need the index to um create a selected item and now let's simply create the item by saying icon icon icons fi. home uh content description lull at the label now let's say is selected if the selected item equals the index and in the on click we say select item equals index now let's run the application and see how it looks as you can see it works perfectly and let's also switch to a tablet to see if everything is okay and everything is okay so if you like this video make sure to subscribe for more videos like this

Channel: Daniel Atitienei

Views: 528

Keywords: Jetpack Compose, Kotlin, Android, Jetpack, Compose, Daniel, Atitienei, Programmer, Android dev, Dev, Developer, Kotlin tips, jetpack compose best practices, local cache, dependency injection, jetpack compose mistakes.

Id: C8ILDBfTAq4

Length: 1min 41sec (101 seconds)

Published: Sun Mar 31 2024