在我们的项目中,某个页面中tabbar有一个标签字有些长,会换行,经过几次修改发现, 简单修改labelPadding,即文字padding为0,就可以下可修正这个问题:
_getTabbar() {
List<Widget> tabBarArray = [];
for (int i = 0; i < tabString.length; i++) {
tabBarArray.add(new Container(
alignment: Alignment.center,
child: new Text(tabString[i],),
));
}
return TabBar(
controller: controller,
unselectedLabelColor: Colors.black54,
labelColor: Colors.blue,
tabs: tabBarArray,
labelPadding: EdgeInsets.all(0),
indicatorSize: TabBarIndicatorSize.label,
onTap: (int index) {
currentIndex = index;
setState(() {
});
}
);
}
}
indicatorSize是下面切换的时候横线长度,如果需要重新绘制横线长度,也可以自定义。
网友评论