Bottom Bar

To create a BottomBar, use Scaffold:

Scaffold(modifier = Modifier.fillMaxSize(), bottomBar = {
    NavigationBar {
        // NavigationBarItem in here ...
    }
})

💡 Suggestion: Create a list for storing nav items data then iterate in NavigationBar

NavigationBarItem

NavigationBarItem(
    selected = currentScreen == index,
    onClick = {
        currentScreen = index
        nav.navigate(item.title)
    },
    label = { Text(item.title) },
    icon = {
        BadgedBox(badge = {
            // Badge
        }) {
            Icon(
                imageVector = if (currentScreen == index) item.selectedIcon else item.unselectedIcon,
                contentDescription = "image"
            )
        }
    }
)

Badge

Badge(content = { Text("12") })