Flutter横向滚动TabBar左侧留白问题：如何实现Tab左居中起始？

如果你的TabBar是嵌套在AppBar的bottom属性里，哪怕设置了padding: EdgeInsets.zero，AppBar默认的leading占位区域也会带来左侧间距，试试下面的方法：

方法1：清理AppBar和TabBar的默认间距 #

• 给AppBar加上automaticallyImplyLeading: false，去掉默认的leading占位空间
• 同时给TabBar设置indicatorPadding: EdgeInsets.zero，确保指示器也没有额外偏移

示例代码：

AppBar(
  automaticallyImplyLeading: false,
  bottom: TabBar(
    controller: controller,
    padding: EdgeInsets.zero,
    indicatorPadding: EdgeInsets.zero,
    isScrollable: true,
    indicatorColor: indicatorColor,
    indicatorWeight: indicatorWeight,
    labelColor: labelColor,
    unselectedLabelColor: unselectedLabelColor,
    labelStyle: TextStyle(fontSize: 16),
    tabs: tabs,
  ),
)

方法2：移除父级的MediaQuery padding #

要是方法1没效果，可能是父组件带了默认的MediaQuery padding，用MediaQuery.removePadding包裹TabBar，强制删掉左侧的padding：

MediaQuery.removePadding(
  context: context,
  removeLeft: true,
  child: TabBar(
    controller: controller,
    padding: EdgeInsets.zero,
    isScrollable: true,
    indicatorColor: indicatorColor,
    indicatorWeight: indicatorWeight,
    labelColor: labelColor,
    unselectedLabelColor: unselectedLabelColor,
    labelStyle: TextStyle(fontSize: 16),
    tabs: tabs,
  ),
)

方法3：强制Tab左对齐（Flutter 3.7+可用） #

如果用的是Flutter 3.7及以上版本，直接给TabBar加tabAlignment: TabAlignment.start，让Tab从最左侧开始排列：

TabBar(
  controller: controller,
  padding: EdgeInsets.zero,
  isScrollable: true,
  tabAlignment: TabAlignment.start,
  indicatorColor: indicatorColor,
  indicatorWeight: indicatorWeight,
  labelColor: labelColor,
  unselectedLabelColor: unselectedLabelColor,
  labelStyle: TextStyle(fontSize: 16),
  tabs: tabs,
)

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