TabBar

Basic TabBar component

PROPS

namedescriptiontypedefault
selectedIndexcurrent selected tab indexnumber0
stylecustom style for the tab barcustom
indicatorStylecustom style for the selected indicatorcustom
isContentIndicatorwhethere the indicator should mark item's content instead of the whole item's widthbool
ignoreLastTabwhethere the indicator should mark the last tab or not (onTabSelected will return tab's index when selected)bool
disableAnimatedTransitiondisable the animated transition of the tab indicatorbool
onChangeIndexcallback for when index has change (will not be called on last tab when passing ignoreLastTab)func
onTabSelectedcallback for when tab selectedfunc
modeFIT to force the content to fit to screen, or SCROLL to allow content overflowenum'FIT'
useGradientFinishAdd gradiant effect for scroll overflow. IMPORTANT: must have a native module available!bool
enableShadowShow Tab Bar bottom shadow (iOS only)bool
height51

LIVE EXAMPLE

CODE SAMPLE

See example here.