Flutter - 相对于选项卡文本换行选项卡指示器宽度

Question

因为我是 flutter 新手， 在 Android、

app:tabIndicatorFullWidth="false"

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

Answer 1

您可以将 isScrollable 设置为 true

If isScrollable is true, then each tab is as wide as needed for its label and the entire TabBar is scrollable. Otherwise each tab gets an equal share of the available space.

  bottom: TabBar(
              isScrollable: true, // here

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

参考资料

• isScrollable property
• Dart Pad Example
• Also see similar answer

Answer 2

我想出了答案，

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



indicatorSize: TabBarIndicatorSize.label

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