flutter 顶部导航栏实现

flutter顶部导航栏实现

1、实现效果如下：

点击tabItem会有左右滑动的效果。

2、常见数据:

TabBar({
	indicatorColor: Colors.red,  bar的下划线指示器选中颜色
	isScrollable: true,  导航栏是否可以滑动
	indicatorWeight:  bar的下划线指示器的高度
	indicatorPadding: ,  bar的下划线指示器的padding
	labelColor: Colors.red,  标签文字颜色
	indicatorSize: TabBarIndicatorSize.label, 下划线指示器与标签文字等宽,默认为tab与bar等宽
	labelStyle: , 标签文字样式
	labelPadding: , 标签文字padding 
	unselectedLabelColor: Colors.green,   未选中文字标签颜色
	unselectedLabelStyle: ,  未选中文字标签样式
})
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210531103249996.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NzIzNzU5,size_16,color