adib2149 / Bottomnavbar
Easily add four tabbed bottom navigation bar in your activity.
Stars: ✭ 202
Programming Languages
java
68154 projects - #9 most used programming language
Projects that are alternatives of or similar to Bottomnavbar
BottomNavygation
Bottom Navigation based on Bottom Navigation View from Android
Stars: ✭ 62 (-69.31%)
Mutual labels: bottombar
Lottiebottomnavbar
A Customisable bottom navbar with Lottie animation
Stars: ✭ 76 (-62.38%)
Mutual labels: bottombar
BottomAppBar
Example project to show how to handle BottomAppBar
Stars: ✭ 19 (-90.59%)
Mutual labels: bottombar
Bottomnavigation
This Library helps users to use Bottom Navigation Bar (A new pattern from google) with ease and allows ton of customizations
Stars: ✭ 4,299 (+2028.22%)
Mutual labels: bottombar
Animatedbottombar
This library allows you to show bottom navigation quickly, simply and animated.
Stars: ✭ 24 (-88.12%)
Mutual labels: bottombar
react-native-bottom-bar
Fully customizable BottomBar with unique design shape for React Native.
Stars: ✭ 74 (-63.37%)
Mutual labels: bottombar
Expandablebottombar
A new way to implement navigation in your app 🏎
Stars: ✭ 467 (+131.19%)
Mutual labels: bottombar
Alphatabsindicator
高仿微信底部状态栏的轻量级库,非MagicIndicator那么功能庞大,简化功能符合大多数BottomTabBar应用设计需求, Lightweight Library of high imitation WeChat bottom status bar
Stars: ✭ 1,086 (+437.62%)
Mutual labels: bottombar
Adaptablebottomnavigation
A simpler way for implementing the Bottom Navigation View on Android
Stars: ✭ 844 (+317.82%)
Mutual labels: bottombar
IRBottomNavigationView
Floating Bottom Navigation/Tab System
Stars: ✭ 48 (-76.24%)
Mutual labels: bottombar
Bottomify Navigation View
A nice looking Spotify like bottom navigation view
Stars: ✭ 97 (-51.98%)
Mutual labels: bottombar
BetterBottomBar
Fork of the BottomNavigationView from the design lib to allow for view state, accessibility and colorful animations
Stars: ✭ 33 (-83.66%)
Mutual labels: bottombar
Animatedbottombar
A customizable and easy to use BottomBar navigation view with sleek animations, with support for ViewPager, ViewPager2, NavController, and badges.
Stars: ✭ 797 (+294.55%)
Mutual labels: bottombar
Material Bottomnavigation
Bottom Navigation widget component inspired by the Google Material Design Guidelines at https://www.google.com/design/spec/components/bottom-navigation.html
Stars: ✭ 1,375 (+580.69%)
Mutual labels: bottombar
Readablebottombar
Yet another material bottom bar library for Android
Stars: ✭ 977 (+383.66%)
Mutual labels: bottombar
Bottom-Nav-Bar
Easily add four tabbed bottom navigation bar in your app.
This library aids in adding four tabs in Bottom Navigation Bar, as easily and fast as possible. Th result looks like as it is commonly found in most of the apps, like Quora and others.
Bottom Navigation View
Difference from Official- This library is significantly different from what Google has provided for Android Developers. The official Bottom Navigation View from Google doesn't show text when it has 4 tabs.
- this library helps you add icons and texts with four bottom bars very easily and efficiently, where all stays visisble all the time, just like this one here:
Features
- Easily add four tabbed bottom navigation bar with minimal code
- changes color based on accent
Installation
Add this in your app's build.gradle file:
compile 'me.riddhimanadib.bottom-nav-bar:bottom-nav-bar:1.0.1'
How to use
- Create four fragments (fragment with appcompat v4) with layouts and method to create new instance.
public class SampleFragment extends Fragment{
public static FourthFragment newInstance() {
return new FourthFragment();
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_sample, container, false);
}
}
- Make your activity extend BottomBarHolderActivity
public class MainActivity extends BottomBarHolderActivity
- Clear out setContentView() method and add the following:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// remove this: setContentView(R.layout.activity_main);
// four navigation pages that would be displayed as four tabs
// contains title, icon and fragment instance
NavigationPage page1 = new NavigationPage("Home", ContextCompat.getDrawable(this, R.drawable.ic_home_black_24dp), FirstFragment.newInstance());
NavigationPage page2 = new NavigationPage("Support", ContextCompat.getDrawable(this, R.drawable.ic_mail_black_24dp), SecondFragment.newInstance());
NavigationPage page3 = new NavigationPage("Billing", ContextCompat.getDrawable(this, R.drawable.ic_assessment_black_24dp), ThirdFragment.newInstance());
NavigationPage page4 = new NavigationPage("Profile", ContextCompat.getDrawable(this, R.drawable.ic_person_black_24dp), FourthFragment.newInstance());
// add them in a list
List<NavigationPage> navigationPages = new ArrayList<>();
navigationPages.add(page1);
navigationPages.add(page2);
navigationPages.add(page3);
navigationPages.add(page4);
// pass them to super method
super.setupBottomBarHolderActivity(navigationPages);
}
- Now build and run!!
Change accent color
If you want to change the colors, just override the colors in your colors.xml file:
<color name="colorBackground">#F8F8F8</color>
<color name="colorNavAccentSelected">#9D0E15</color>
<color name="colorNavAccentUnselected">#727272</color>
License
This Library is released under the Apache License, Version 2.0.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].