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。

最佳答案

在TabBar中无法进行间隔操作,但这是我实现目标的方法:

  • 我将选项卡包装为Align Widget,因为tabs是Widget的列表,并进行相应的更改。您可以根据需要进行修改,甚至可以使用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)),
           ),
          ],
    
  • 关于dart - Flutter:布局如何像Tabbar之间的spaceBetween,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54106938/

    10-11 16:59