Tabbar中文字过长会换行问题

2020-12-04  本文已影响0人  _compass

在我们的项目中,某个页面中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是下面切换的时候横线长度,如果需要重新绘制横线长度,也可以自定义。

上一篇 下一篇

猜你喜欢

热点阅读