Flutter 之自定义TabBar

TabBar是Flutter常用的组件之一,默认的tabbar是以下效果

如果想tabbar不平均排布以及自定义指示器其大小可以设置tabbar以下属性

isScrollable: true, //设置tabbar不平均排布

indicatorSize: TabBarIndicatorSize.label,//指示器的大小

indicatorPadding: EdgeInsets.only(left: 10,right: 10), //设置内边距 也就是可以改变其大小

如果不想让tabbar显示中间,而是从最左边紧凑排布

可以包裹一个Container并设置Alignment为centerLeft 当然包裹一个Align也是可以的