在 TabBar 上的选项卡中调整小部件的大小 Flutter

Question

我在我的应用程序中使用了一个标签栏，并且想要调整小部件的大小以适应文本并使字体更大。 我也不希望标签栏可滚动。 有没有办法减少填充或边距或正在使用的任何东西？

附件是它当前的样子的屏幕截图。 绿色背景是为了让我形象化尺寸。 ( https://i.stack.imgur.com/WdrHS.png )

这是我的标签栏代码。

TabBar(
              controller: _tabController,
              labelPadding: const EdgeInsets.symmetric(horizontal: 35),
              indicatorColor: CustomColors.wrkioBlue,
              isScrollable: false,

              onTap: (index) {
                pageController.jumpToPage(index);
              },
              tabs: const <Widget>[
                Tab(//child: SizedBox(width: MediaQuery.of(context).size.width/6,
                    child: SizedBox(width: 80, child: AutoSizeText('Connections', maxLines: 1, style: TextStyle(fontSize: 16,
                    color: CustomColors.wrkioBlue)))),
                Tab(//child: SizedBox(width: MediaQuery.of(context).size.width/6,
                  child: SizedBox(width: 80, child: AutoSizeText('Network', maxLines: 1, style: TextStyle(fontSize: 16,
                    color: CustomColors.wrkioBlue)))),
                Tab(//child: SizedBox(width: MediaQuery.of(context).size.width/6,
                  child: SizedBox(width: 80, child: AutoSizeText('Chats', maxLines: 1, style: TextStyle(fontSize: 16,
                    color: CustomColors.wrkioBlue)))),
              ],
            ),

我试过使用一个大小合适的盒子。 向选项卡子项添加填充。 还有一些我想不起来了。

Answer 1

设置isScrollable: true

TabBar(
    controller: _tabController,
    labelPadding: const EdgeInsets.symmetric(horizontal: 35),
    indicatorColor: CustomColors.wrkioBlue,
    isScrollable: true, //this