How to add underline to unselected tabs in Flutter?

Question

How to add underline to unselected tabs, like this:

you can see it is gray colour for unselected tabs, and blue for selected. I want the Undelined color of Unselected Tabs according to my app color.

Answer 1

You can use tabs to achieve this

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"),
         
            ],
          ),
        ),