flutter TabBar左边间隔问题

原创于 2025-06-23 16:39:00 发布 · 450 阅读

CC 4.0 BY-SA版权

文章标签：

TabBar设置isScrollable: true,内部标签距离左边出现大段间隔
在这里插入图片描述

TabBar(
  isScrollable: true,
  dividerColor: Colors.white, //设置底部隔断线条的颜色(默认灰色)
  tabAlignment: TabAlignment.center,//添加该设置大段间隔消失
  labelPadding: EdgeInsets.only(left: 10,right: 10,bottom: 5),
  indicator: MyCustomArcIndicator(),
  labelColor: JadeColors.black,
  labelStyle: TextStyle(
    fontSize: 36.sp,
    fontWeight: FontWeight.w600,
  ),
  unselectedLabelColor: Color(0xff333333),
  unselectedLabelStyle: TextStyle(
    fontSize: 36.sp,
  ),
  indicatorSize: TabBarIndicatorSize.label,
  controller: providerOf<MainModel>().tabController,
  tabs: MainModel.catList().map((e) => Text(e['name'])).toList(),
  )