dart - 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，但这是我实现目标的方法:

我将选项卡包装到对齐小部件，因为选项卡是小部件的列表并进行相应的更改。您可以根据需要进行修改，甚至可以使用 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)),
       ),
      ],