Flutter - 相对于标签文本包装标签指示器宽度

Question

由于我不熟悉颤振，因此在 Android 中，

app:tabIndicatorFullWidth="false"

我在标签栏中使用此属性来包装与标签文本相关的指标大小。 我可以知道如何在颤振中实现吗？

Answer 1

您可以将isScrollable设置为true

如果 isScrollable 为 true，则每个选项卡的宽度都与其标签所需的一样宽，并且整个 TabBar 都是可滚动的。 否则，每个选项卡将获得相等份额的可用空间。

  bottom: TabBar(
              isScrollable: true, // here

              tabs: [
                Tab(text: 'Car',),
                Tab(text: 'Transit Bus',),
                Tab(text: 'Bike',),
              ],
            ),

参考

• isScrollable 属性
• 飞镖垫示例
• 另见类似答案

Answer 2

我想出了答案，

TabBar( controller: _tabController,
                  indicatorColor: Colors.white,
                  indicatorSize: TabBarIndicatorSize.label,
                  tabs: getTabs(),
                )



indicatorSize: TabBarIndicatorSize.label

这个属性indicatorSize解决了我的问题。