Flutter TabBar指示器定位异常问题求助

我用TabBar实现分类标签功能，当前Tab指示器定位不符合预期。预期效果为指示器与标签宽度匹配且位置精准，实际效果存在偏移或宽度不符的情况。试过用Slack Preferred Size等方法，均未解决。

当前使用的代码：

bottom: TabBar(
  isScrollable: false,
  tabs: [
    Tab(text: LocaleKeys.all.tr),
    Tab(text: LocaleKeys.ranking.tr),
    Tab(text: LocaleKeys.special_feature.tr),
  ],
),

解决方案 #

• 设置indicatorSize为TabBarIndicatorSize.label，让指示器匹配标签宽度：

  bottom: TabBar(
    isScrollable: false,
    indicatorSize: TabBarIndicatorSize.label,
    tabs: [
      Tab(text: LocaleKeys.all.tr),
      Tab(text: LocaleKeys.ranking.tr),
      Tab(text: LocaleKeys.special_feature.tr),
    ],
  ),
  

• 检查父组件的padding/margin是否导致布局偏移，必要时调整外层容器的内边距。
• 若标签文本长度差异大，可自定义指示器调整位置：

  indicator: UnderlineTabIndicator(
    borderSide: BorderSide(width: 2.0, color: Colors.blue),
    insets: EdgeInsets.symmetric(horizontal: 16.0),
  ),
  

内容的提问来源于stack exchange，提问作者Nikhila