选项卡中的大文本未完全显示 Flutter

Question

我正在做一个需要标签的Flutter项目，但是其中一个标签名称很大，名称显示不完整，如图所示，如何解决这个问题，我想要TabBar 文本为 multiline，我是 Flutter 的新手，因此我们将不胜感激。

Current tab situation

这是代码

TabBar(
  tabs: [
    Tab(
      text: "Clock",
      icon: Icon(Icons.access_time),
    ),
    Tab(
      text: "Alarm",
      icon: Icon(Icons.access_alarm),
    ),
    Tab(
      text: "Stopwatch",
      icon: Icon(Icons.av_timer),
    ),
    Tab(
      text: "Countdown Timer",
      icon: Icon(Icons.timer_rounded),
    )
  ],
),

Answer 1

添加 labelPadding 或使用 isScrollable

使选项卡可滚动

TabBar(
  isScrollable: true,
  labelPadding: EdgeInsets.symmetric(horizontal: 10.0),
  tabs: [
Tab(
  text: "Clock",
  icon: Icon(Icons.access_time),
),
Tab(
  text: "Alarm",
  icon: Icon(Icons.access_alarm),
),
Tab(
  text: "Stopwatch",
  icon: Icon(Icons.av_timer),
),
Tab(
  text: "Countdown Timer",
  icon: Icon(Icons.timer_rounded),
)
],),

Answer 2

我解决了它，而不是使用 text 我使用的属性

child: Text(
  "Countdown Timer",
  textAlign: TextAlign.center,
),

添加 textAlign 解决了我的问题

Answer 3

将标签文本放入展开的小部件

child:Expaned(
child : Text(
  "Countdown Timer",
  textAlign: TextAlign.center,
)),

选项卡中的大文本未完全显示 Flutter

Large text in tab is not showing completely Flutter

flutter

tabs

flutter-layout

tabbar