FancyBottomNavigationBar

A library that you can use for bottom navigation bar. Written with Jetpack Compose.

Tech Stack

• Kotlin
• Jetpack Compose
• Material Design

Picture

Light Theme

Dark Theme

Gif

Usage

FancyBottomNavigation(
    navController = navController,
    bottomNavItemList = bottomNavItemList,
    modifier = Modifier,
    centerItemIcon = Icons.Outlined.Share,
    centerItemBackgroundColor = Color.Magenta,
    centerItemContentColor = Color.White,
    bottomNavBackgroundColor = Color.White,
    bottomNavItemColor = Color.Black,
    bottomNavElevation = 8.dp,
    clicks = Pair(
        first = { bottomNavItem -> 
           navController.navigate(bottomNavItem.route)
        },
        second = {
           Log.i("TAG", "Center Item Clicked!")
        }
    )
)