Flutter：如何布局Tabbar的spaceBetween

Question

    final List<Tab> myTabs = <Tab>[
    new Tab(text: 'a'),
    new Tab(text: 'b'),
    new Tab(text: 'c'),
    new Tab(text: 'd'),
    new Tab(text: 'e'),
  ];

然后

    appBar: new AppBar(
          elevation: 0,
          title: _barSearch(),
          backgroundColor: Colors.white,
          bottom: TabBar(
            isScrollable: true,
            tabs: myTabs,
            labelColor: Color(0xffFF645C),
            labelStyle:TextStyle(fontSize: 14.0),
            unselectedLabelStyle:TextStyle(fontSize: 14.0),
            unselectedLabelColor: Color(0xff343434),
            indicatorColor: Color(0xffFF645C),
            indicatorSize: TabBarIndicatorSize.label,
            indicatorPadding: EdgeInsets.only(bottom: 8.0),
          ),
        ),

它显示了我如何使用标签栏。但现在，我发现我的 Tabbar 布局类似于 spaceAround 的布局。

但我们的项目经理要求我使用 spaceBetween。

Answer 1

无法在 TabBar 中执行 Space- Between ，但这是我实现目标的方法：

1. 我将选项卡包装到对齐小部件，因为选项卡是小部件列表并进行相应的更改。您可以根据需要进行修改，甚至使用 Positioned Widget 来实现相同的效果

    tabs: [
   
          Align(alignment: Alignment.centerLeft,child: 
            Tab(icon: Icon(Icons.directions_transit)),
          ),
          Tab(icon: Icon(Icons.directions_transit)),
          Align(alignment: Alignment.centerRight,child: 
            Tab(icon: Icon(Icons.directions_transit)),
          ),
         ],