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 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解决了我的问题。