A highly customizable Curved Bottom Navigation bar for Jetpack Compose, built with Kotlin Multiplatform to support both Android and iOS.

• Set The surface to cover the transparent navigation bar (systemBar) with the navigation bar color

        setContent {
            Surface(
                color = Color(0xffEEE9FF)
            ) {
                App()
            }
        }

• give it a navigationBarsPadding, so that it doesn't interfere with the system bars

   CurvedBottomNavigation(
                modifier = Modifier.align(Alignment.BottomCenter).navigationBarsPadding(),

• Highly Customizable: Almost every aspect of the navigation bar can be customized, from colors and sizes to animation styles.
• Kotlin Multiplatform: A single codebase for both Android and iOS.
• Built with Compose: Leverages the power and flexibility of Jetpack Compose.
• Three Curve Animation Styles: Choose from SMOOTH, DYNAMIC, or BOUNCY animations.
• Easy to Use: Simple integration with just a few lines of code.

This project is not yet available as a library. This feature is coming soon!

In the meantime, you can use it by following these steps:

1. Fork this repository.
2. Copy the animatedBottomBar package (composeApp/src/commonMain/kotlin/io/jadu/animatedBottomBar) into your own project's multiplatform module.
3. That's it! You can now use the CurvedBottomNavigation composable and start customizing it.

First, define your navigation items. Each NavItem now requires icons wrapped in IconSource.

import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.*
import androidx.compose.material.icons.outlined.*
import io.jadu.animatedBottomBar.models.IconSource
import io.jadu.animatedBottomBar.models.NavItem

val navItems = listOf(
    NavItem(
        icon = IconSource.Vector(Icons.Outlined.Home),
        selectedIcon = IconSource.Vector(Icons.Filled.Home),
        label = "Home",
        route = "home"
    ),
    NavItem(
        icon = IconSource.Vector(Icons.Outlined.Search),
        selectedIcon = IconSource.Vector(Icons.Filled.Search),
        label = "Search",
        route = "search"
    ),
    NavItem(
        icon = IconSource.Drawable(R.drawable.ic_custom),
        selectedIcon = IconSource.Drawable(R.drawable.ic_custom_filled),
        label = "Custom",
        route = "custom"
    ),
    // ... more items
)

NavItem now supports two types of icon sources:

• IconSource.Vector: Use Material Icons or custom ImageVector
• IconSource.Drawable: Use drawable resources from your project

Then, add the CurvedBottomNavigation composable to your UI. It works well within a Scaffold:

var selectedIndex by remember { mutableStateOf(0) }

Scaffold(
    bottomBar = {
        CurvedBottomNavigation(
            items = navItems,
            selectedIndex = selectedIndex,
            onItemSelected = { index ->
                selectedIndex = index
            }
        )
    }
) {
    // Your main screen content, which can change based on selectedIndex
    SampleScreens(currentIndex = selectedIndex)
}

For more complex apps with navigation, you can integrate with Jetpack Navigation Compose:

You can customize almost every part of the navigation bar. Here are the available options:

• SMOOTH: A simple, elegant animation using FastOutSlowInEasing.
• DYNAMIC: A more playful animation using a medium-bouncy spring.
• BOUNCY: A very energetic animation with a high-bouncy spring.

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Have an idea for a new feature? Open an issue to discuss it. We're always looking to improve the library.

MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Built with love ❤️ by Jadu