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属性
• Dart Pad示例
• 也可以看到类似的答案

Answer 2

我找到了答案，

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

indicatorSize: TabBarIndicatorSize.label

此属性indicatorSize解决了我的问题。