美文网首页
Tabbar中文字过长会换行问题

Tabbar中文字过长会换行问题

作者: _compass | 来源:发表于2020-12-04 10:45 被阅读0次

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

    相关文章

      网友评论

          本文标题:Tabbar中文字过长会换行问题

          本文链接:https://www.haomeiwen.com/subject/twmbwktx.html