10clouds/ FluidBottomNavigation-android

Java

android-library

Android

Kotlin

bottomnavigationview

bottombar

bottomnavigation

bottomnavigationbar

View on GitHub

Need help with FluidBottomNavigation-android?

Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

10clouds

227 Stars

34 Forks

MIT License

34 Commits

13 Opened issues

Description

Fluid Bottom Navigation library for Android

Services available

Need anything else?

Contributors list

Jakub Jodelka jakubjodelka

# 206,857

Java

Android

Kotlin

bottomn...

23 commits

Readme

Fluid Bottom Navigation

Name: FluidBottomNavigation-android
Brand: FluidBottomNavigation-android
SKU: //10clouds/FluidBottomNavigation-android
Rating: 2.3175 (227 reviews)

Sample

Installation

Use the JitPack package repository.

Add

jitpack.io

repository to your root

build.gradle

file:

groovy
allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

Next add library to your project

build.gradle

file: Gradle:

groovy
implementation 'com.github.10clouds:FluidBottomNavigation-android:{last_release_version}'

Usage

Place FluidBottomNavigation in your layout:

xml

then set navigation items to component:

kotlin
fluidBottomNavigation.items =
                listOf(
                        FluidBottomNavigationItem(
                                getString(R.string.news),
                                ContextCompat.getDrawable(this, R.drawable.ic_news)),
                        FluidBottomNavigationItem(
                                getString(R.string.inbox),
                                ContextCompat.getDrawable(this, R.drawable.ic_inbox)),
                        FluidBottomNavigationItem(
                                getString(R.string.calendar),
                                ContextCompat.getDrawable(this, R.drawable.ic_calendar)),
                        FluidBottomNavigationItem(
                                getString(R.string.chat),
                                ContextCompat.getDrawable(this, R.drawable.ic_chat)),
                        FluidBottomNavigationItem(
                                getString(R.string.profile),
                                ContextCompat.getDrawable(this, R.drawable.ic_profile)))

Application with example is in app folder

Customization

You can customize component from XML layout file, using attributes:

app:accentColor="@color/accentColor"
app:backColor="@color/backColor"
app:iconColor="@color/iconColor"
app:iconSelectedColor="@color/iconSelectedColor"
app:textColor="@color/textColor"

or from Java/Kotlin code:

kotlin 
fluidBottomNavigation.accentColor = ContextCompat.getColor(this, R.color.accentColor)
fluidBottomNavigation.backColor = ContextCompat.getColor(this, R.color.backColor)
fluidBottomNavigation.textColor = ContextCompat.getColor(this, R.color.textColor)
fluidBottomNavigation.iconColor = ContextCompat.getColor(this, R.color.iconColor)
fluidBottomNavigation.iconSelectedColor = ContextCompat.getColor(this, R.color.iconSelectedColor)

Library made by Jakub Jodełka