flutter TabBar左边间隔问题

关注

原创 2025-12-05 16:56:14 643 阅读 AI 写同款· GEO 优化 ›

Flutter组件--TabBar使用详情(分段控制器) TabBar使用详情, TabController,分段控制器,左右滑动试图阅读详情

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

TabBar(
  isScrollable: true,
  dividerColor: Colors.white, //设置底部隔断线条的颜色(默认灰色)
  tabAlignment: TabAlignment.center,//添加该设置大段间隔消失
  labelPadding: EdgeInsets.only(left: 10,right: 10,bottom: 5),
  indicator: MyCustomArcIndicator(),
  //indicatorWeight: 0.01, //设置指示器权重小，防止挤上去了
 //indicatorColor: Colors.transparent,//设置透明隐藏默认指示器
  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(),
  )