Flutter 如何定制TabBar'；颤振中的s指示器和标签？

我希望这是意料之中的：颤振中的tapbar，但得到的是：。我不知道如何获得单个标签的名称，但所有的指标，即选择和未选择，基于指标我想滚动。下面是我的代码：

                    DefaultTabController(
                    length: stages.length,
                    initialIndex: 0,
                    child: Column(
                    children: <Widget>[
                      Container(
                          height: 60.0,
                          width: width,
                          color: Colors.white,
                          child: TabBar(
                            isScrollable: true,
                            labelColor: Colors.teal,
                            indicatorColor: Colors.teal,
                            indicatorWeight: 2.0,
                            labelPadding:  EdgeInsets.only(right: 250.0, left: 40.0),
                            indicatorPadding: EdgeInsets.only(left: 40.0),
                            labelStyle: TextStyle(fontSize: 16.0),
                            tabs: List<Widget>.generate(stages.length,
                                    (int index) {
                                  String neStageName = stages[index];
                                  // print(dealList[0]);
                                  return new Tab(
                                      child: Row(
                                          children: <Widget>[
                                            CircleAvatar(
                                                backgroundColor: Colors.teal,
                                                child: Text( neStageName[0].toUpperCase())),
                                            Padding(
                                              padding: const EdgeInsets.all(8.0),
                                              child: Text(neStageName,
                                                  style: TextStyle(
                                                      color: Colors.black,
                                                      fontSize: 22.0)),
                                            )
                                          ]));
                                }),
                          )),
                      Container(
                          height: MediaQuery.of(context).size.height,
                          child: TabBarView(
                            children: List<Widget>.generate(stages.length,
                                    (int index) {
                                  stageName = stages[index];
                                  return FutureBuilder(
                                      future: _dealHelper.getDealPerStages(pipeId, stageName),
                                      builder: (context, snapshot) {
                                        return snapshot.data != null
                                            ? getLeadList(snapshot.data) : getLeadInListView();
                                      });
                                }),
                          ))
                    ],
                  ),
                )

DefaultTabController(
长度：stages.length，
初始索引：0，
子：列(
儿童：[
容器(
身高：60.0，
宽度：宽度，
颜色：颜色，白色，
孩子：TabBar(
isScrollable：是的，
labelColor:Colors.teal，
指示颜色：Colors.teal，
指示器重量：2.0，
标签填充：仅限边缘集（右：250.0，左：40.0），
指示灯添加：仅限边缘设置（左侧：40.0），
标签样式：文本样式（字体大小：16.0），
选项卡：List.generate（stages.length，
（国际索引）{
字符串neStageName=stages[index]；
//打印（交易列表[0]）；
返回新选项卡(
孩子：排(
儿童：[
圆形(
背景颜色：Colors.teal，
子项：文本（neStageName[0].toUpperCase（）），
填充物(
填充：常数边集全部（8.0），
子项：文本（neStageName，
样式：TextStyle(
颜色：颜色，黑色，
字体大小：22.0），
)
]));
}),
)),
容器(
高度：MediaQuery.of（context）.size.height，
子项：选项卡视图(
子项：List.generate（stages.length，
（国际索引）{
阶段名称=阶段[索引]；
回归未来建设者(
未来：_dealHelper.getDealPerStages（pipeId，stageName），
生成器：（上下文，快照）{
返回snapshot.data！=null
？getLeadList（snapshot.data）：getLeadInListView（）；
});
}),
))
],
),
)

为此（您的图像），您可以使用PageView创建自己的图像。谢谢您的评论，但我的问题出现在选项卡的指示器上，如果我使用PageView，我的问题将无法解决。您怎么能这么说？看着你的图片，我说，你可以使标签指示器变小，但我不认为你可以达到与预期屏幕截图完全相同的效果。我同意你的回答，但使用PageView也没有得到结果。是的，你必须做一些事情来转换和选择