Skip to content

A bottom bar library for Jetpack Compose framework on Android based Kotlin!

License

Notifications You must be signed in to change notification settings

furkanayaz/Slippy-Bottom-Bar

Repository files navigation

Slippy is a Bottom Bar Library on Android based Jetpack Compose!

Slippy Bottom Bar Demonstrational 📽️

Loading... With Badges

How To Install?

Step 1. Add the JitPack repository to your build file Add it in your root build.gradle (settings.gradle.kts) at the end of repositories:

dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
    repositories {
        mavenCentral()
        google()
        maven { url = uri("https://jitpack.io") }
    }
}

Step 2. Add the dependency

dependencies {
	implementation("com.github.furkanayaz:Slippy-Bottom-Bar:3.0")
}

Step 4. For example to use

val tabs: List<SlippyTab> =
        listOf(SlippyTab(name = R.string.home, icon = R.drawable.home, action = {
            currentPage = getPage(context = context, id = R.string.home)
        }), SlippyTab(name = R.string.search, icon = R.drawable.search, action = {
            currentPage = getPage(context = context, id = R.string.search)
        }), SlippyTab(name = R.string.record, icon = R.drawable.record, action = {
            currentPage = getPage(context = context, id = R.string.record)
        }), SlippyTab(name = R.string.records, icon = R.drawable.records, action = {
            currentPage = getPage(context = context, id = R.string.records)
        }), SlippyTab(name = R.string.settings, icon = R.drawable.settings, action = {
            currentPage = getPage(context = context, id = R.string.settings)
        })
        )

    SlippyBottomBar(
        theme = SlippyTheme.LINE, bar = SlippyBar(
            backgroundColor = R.color.white, textStyle = SlippyTextStyle(
                textSize = R.dimen.textSize,
                enabledTextColor = R.color.enabledTextColor,
                disabledTextColor = R.color.disabledTextColor
            ), iconStyle = SlippyIconStyle(
                iconSize = R.dimen.iconSize,
                disabledIconColor = R.color.disabledIconColor,
                enabledIconColor = R.color.enabledIconColor, // When the round style is chosen, it should be white in color.
            ), dividerStyle = SlippyDividerStyle(
                dividerColor = R.color.dividerColor
            ), startIndex = 2
        ), tabs = tabs)

31 Aug, 2024 - Furkan Ayaz