如何在 Flutter 中为未选中的选项卡添加下划线？

Question

如何为未选中的选项卡添加下划线，如下所示：

您可以看到未选中的选项卡为灰色，选中的选项卡为蓝色。 我想要根据我的应用颜色的未选择标签的未划线颜色。

Answer 1

您可以使用标签来实现这一点

Scaffold(
          appBar: AppBar(
            bottom: TabBar(
              tabs: [
                Tab(text:"About"), // you can specify pages here if you want
                Tab(text:"Reg"),
                Tab(text:"Services"),
               
              ],
            ),
            title: Text('Tabs Demo'),
          ),
          body: TabBarView(
            children: [
              Text("1"),
              Text("2"),
              Text("3"),
         
            ],
          ),
        ),