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