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解決了我的問題。