当我不使用isScrollable:True时,它工作正常,没有任何问题,但当我使用它时,左侧有一个空白,如图所示.

image

如果你向右滚动,这是正常的.

有什么问题吗?我怎么才能解决这个问题呢?

tabBar() {
    return DefaultTabController(
      length: 6,
      animationDuration: Duration.zero,
      child: TabBar(
        isScrollable: true,
        padding: const EdgeInsets.symmetric(vertical: 10),
        unselectedLabelStyle: const TextStyle(
          fontSize: 14,
          fontWeight: FontWeight.w400,
          color: Color(0xFF000000),
        ),
        labelPadding: const EdgeInsets.symmetric(horizontal: 10),
        labelStyle: const TextStyle(
          fontSize: 14,
          fontWeight: FontWeight.w700,
          color: Color(0xFFffffff),
        ),
        indicatorSize: TabBarIndicatorSize.label,
        indicator: BoxDecoration(
          borderRadius: BorderRadius.circular(20),
          color: const Color(0xFF000000),
        ),
        tabs: [
        .
        .
        .

推荐答案

使用isscrollable:true时,默认为tabAlignmentTabAlignment.center.您可以使用

child: TabBar(
  isScrollable: true,
  tabAlignment: TabAlignment.start,

更多约tab-alignment.

Flutter相关问答推荐

如何更改默认应用程序启动器/启动屏幕

当仅点击一行时,所有行都被选中

无法在GroupButton内部正确呈现

如何使用底部导航栏修复此导航问题

Flutter 中不存在URI的目标

Fighter:基于ChangeNotifier状态动态更新AppBar中的图标

Flutter 布局-全屏幕容器

TextFormfield无法与自动路由一起正常工作

遇到图像路径格式问题

try 使用fl_Chart of Ffltter,但在导入它时遇到以下错误:Error:';TextScaler';is;t a type

FOR回路中的Flutter 模型

Wired Firebase错误-[CLOUD_FIRESTORE/UNAvailable]该服务当前不可用

Flutter Android Google Sign-in error:ApiException:10在确认软件包名称、SHA-1 fingerprint 和设置同意页面后出现异常

如何将WebViewWidget和WillPopScope结合起来

dart /长笛中的返回早期模式和拆分方法

带有附加图像的ListTile

从future 列表到流列表Flutter Firebase

Flutter - Riverpod 2.0 - 如何访问 onDispose 回调?

Flutter 火焰相机抖动已弃用

将容器扩展到安全区域 - Flutter