Material Design Bottom Navigation Controller for Appcelerator Titanium
I am still working on it. Feel free to add anything.
varBottomNavigation=require('/BottomNavigation');varbuttonsSpecs=[{title : 'First',activeIcon : '/images/ic_first_active.png',inactiveIcon : '/images/ic_first_inactive.png',backgroundRippeColor : '#009688',},{title : 'Second',activeIcon : '/images/ic_second_active.png',inactiveIcon : '/images/ic_second_inactive.png',backgroundRippeColor : '#3F51B5',},{title : 'Third',activeIcon : '/images/ic_third_active.png',inactiveIcon : '/images/ic_third_inactive.png',backgroundRippeColor : '#795548',}];varbottomNavigation=BottomNavigation.create({buttons : buttonsSpecs,activeTab : 1,activeFontColor : "#FFFFFF",backgroundColor : '#00796B',backgroundRipple : false,rippleColor : "#FFFFFF",//Only used when backgroundRipple = falsehideInactiveButtonTitle : false,inactiveFontColor : "#99FFFFFF",//Only used when hideInactiveButtonTitle = falsecanExpandTabOnSelect : true});window.add(bottomNavigation);bottomNavigation.addEventListener('click',function(e){Titanium.API.info(e.index);});