We suggest you to use Meow Bottom Navigation in Kotlin
A simple & curved & material bottom navigation for Android.
CAUTION : if you are Kotlin developer, so check this link: https://github.com/oneHamidreza/MeowBottomNavigation
build.gradle (project path)
buildscript {
repositories { jcenter() }}
build.gradle (module path)
dependencies {
implementation 'com.etebarian:meow-bottom-navigation-java:1.2.0'}
Add Meow Bottom Navigation in xml
<com.etebarian.meowbottomnavigation.MeowBottomNavigation
android:layout_width="match_parent"
android:layout_height="wrap_content" />
Add menu items in code.
bottomNavigation.add(new MeowBottomNavigation.Model(1, R.drawable.ic_home));
bottomNavigation.add(new MeowBottomNavigation.Model(2, R.drawable.ic_explore));
bottomNavigation.add(new MeowBottomNavigation.Model(3, R.drawable.ic_message));
Remember that icons must be vector drawable.
Add vectorDrawables.useSupportLibrary = true to your build.gradle inside defaultConfig{ ... }
<com.etebarian.meowbottomnavigation.MeowBottomNavigation
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:mbn_circleColor="#ffffff"
app:mbn_backgroundBottomColor="#ffffff"
app:mbn_countBackgroundColor="#ff6f00"
app:mbn_countTextColor="#ffffff"
app:mbn_countTypeface="fonts/SourceSansPro-Regular.ttf"
app:mbn_defaultIconColor="#90a4ae"
app:mbn_rippleColor="#2f424242"
app:mbn_selectedIconColor="#3c415e"
app:mbn_shadowColor="#1f212121"/>
- You can change this properties in Java Realtime ⌚.
bottomNavigation.setOnClickMenuListener(new MeowBottomNavigation.ClickListener() {
@Override
public void onClickItem(MeowBottomNavigation.Model item) {
// your codes
}
});
bottomNavigation.setOnShowListener(new MeowBottomNavigation.ShowListener() {
@Override
public void onShowItem(MeowBottomNavigation.Model item) {
// your codes
}
});
bottomNavigation.setOnReselectListener(new MeowBottomNavigation.ReselectListener() {
@Override
public void onReselectItem(MeowBottomNavigation.Model item) {
// your codes
}
});
Setting One Tab
bottomNavigation.setCount(TAB_ID, STRING)
Clearing One Tab
bottomNavigation.clearCount(TAB_ID)
Clearing All Tabs
bottomNavigation.clearAllCounts(TAB_ID)
Use this function
bottomNavigation.show(TAB_ID)