TabNavigator 标签栏配置

tabBarPosition:设置tabbar的位置,iOS默认在底部,安卓默认在顶部。(属性值:'top','bottom')

swipeEnabled:是否允许在标签之间进行滑动。

animationEnabled:是否在更改标签时显示动画。

lazy:是否根据需要懒惰呈现标签,而不是提前制作,意思是在app打开的时候将底部标签栏全部加载,默认false,推荐改成true。

initialRouteName: 设置默认的页面组件

backBehavior:按 back 键是否跳转到第一个Tab(首页), none 为不跳转

tabBarOptions:配置标签栏的一些属性


tabBarOptions for   TabBarTop

activeTintColor:label和icon的前景色 (选中) 。

inactiveTintColor:label和icon的前景色 (未选中)。

showIcon:是否显示图标,默认关闭。

showLabel:是否显示label,默认开启。

style:tabbar的样式。

labelStyle:label的样式。

upperCaseLabel:是否使标签大写,默认为true。

pressColor:material涟漪效果的颜色(安卓版本需要大于5.0)。

pressOpacity:按压标签的透明度变化(安卓版本需要小于5.0)。

scrollEnabled:是否启用可滚动选项卡。

tabStyle:tab的样式。

indicatorStyle:标签指示器的样式对象(选项卡底部的行)。安卓底部会多出一条线,可以将height设置为0来暂时解决这个问题。

labelStyle:label的样式。

iconStyle:图标的样式。


tabBarOptions for TabBarBottom

activeTintColor:label和icon的前景色 活跃状态下(选中)。

activeBackgroundColor:label和icon的背景色 活跃状态下(选中) 。

inactiveTintColor:label和icon的前景色 不活跃状态下(未选中)。

inactiveBackgroundColor:label和icon的背景色 不活跃状态下(未选中)。

showLabel:是否显示label,默认开启。

style:tabbar的样式。

labelStyle:label的样式。


QQ截图20180302213144.png

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容