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

【问题标题】：Flutter - Wrap tab indicator width with respect to tab textFlutter - 相对于标签文本包装标签指示器宽度
【发布时间】：2020-06-23 11:32:51
【问题描述】：

因为我是新来的颤振，在 Android 中，

app:tabIndicatorFullWidth="false"

我在 tabbar 中使用这个属性来包装相对于标签文本的指示器大小。请问在flutter中如何实现？

【问题讨论】：

标签： flutter dart tabbar

【解决方案1】：

您可以将isScrollable 设置为true

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

  bottom: TabBar(
              isScrollable: true, // here

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

参考文献

【讨论】：

【解决方案2】：

我想出了答案，

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



indicatorSize: TabBarIndicatorSize.label

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

【讨论】：