Flutter 如何使选项卡栏中的文本显示在同一行中？

我试图克隆一个名为stucor的应用程序，但该应用程序中的选项卡栏是不同的，当我尝试在Flatter中实现时，选项卡栏中的所有文本大小相同，其中的文本有许多行，如

因此，我尝试在FittedBox小部件中包装文本，但如上图所示，字体大小减小了。我想要达到的是

---

如注释中所述，您可以通过将

TabBar

的

IsCrollable

属性设置为

true

来实现

TabBar

行为

将其作为答案发布在此处，以便其他人可以看到：

我使用小部件树添加了一个示例：

 Widget build(BuildContext context) {
    return DefaultTabController(
      length: 7,
          child: Scaffold(
        appBar: AppBar(
          bottom: TabBar(
            isScrollable: true, // new line
            tabs: [

              Tab(child: FittedBox(child: Text('HOME', style: TextStyle(color: Colors.black),)) ),
              Tab(child: Text('RESULTS', style: TextStyle(color: Colors.black),) ),
              Tab(child: Text('INTERNALS', style: TextStyle(color: Colors.black),) ),
              Tab(child: Text('NOTES', style: TextStyle(color: Colors.black),) ),
              Tab(child: Text('EVENTS', style: TextStyle(color: Colors.black),) ),
              Tab(child: Text('QUESTION PAPERS', style: TextStyle(color: Colors.black),) ),
              Tab(child: Text('JOBS', style: TextStyle(color: Colors.black),) )]),

---

如注释中所述，您可以通过将

TabBar

的

IsCrollable

属性设置为

true

来实现

TabBar

行为

将其作为答案发布在此处，以便其他人可以看到：

我使用小部件树添加了一个示例：

 Widget build(BuildContext context) {
    return DefaultTabController(
      length: 7,
          child: Scaffold(
        appBar: AppBar(
          bottom: TabBar(
            isScrollable: true, // new line
            tabs: [

              Tab(child: FittedBox(child: Text('HOME', style: TextStyle(color: Colors.black),)) ),
              Tab(child: Text('RESULTS', style: TextStyle(color: Colors.black),) ),
              Tab(child: Text('INTERNALS', style: TextStyle(color: Colors.black),) ),
              Tab(child: Text('NOTES', style: TextStyle(color: Colors.black),) ),
              Tab(child: Text('EVENTS', style: TextStyle(color: Colors.black),) ),
              Tab(child: Text('QUESTION PAPERS', style: TextStyle(color: Colors.black),) ),
              Tab(child: Text('JOBS', style: TextStyle(color: Colors.black),) )]),

---

共享tabbar代码..你能显示你的代码吗？我已经编辑了问题，将

tabbar

的

isScrollable

属性设置为

true

@PurushothamanUThanks很多，它就像一个符咒！共享tabbar代码..你能显示你的代码吗？我已经编辑了问题，将

tabbar

的

isScrollable

属性设置为

true

@PurushothamanUThanks很多，它就像一个符咒！