class GeeCoders extends StatefulWidget {
  const GeeCoders({Key? key}) : super(key: key);

  @override
  State<GeeCoders> createState() => _GeeCodersState();
}

class _GeeCodersState extends State<GeeCoders> {

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 3,
      child: Scaffold(
        appBar: AppBar(
          bottom: TabBar(
            tabs: [
              Tab(
                icon: Icon(Icons.opacity),
                text: 'Text 1',
              ),
              Tab(
                icon: Icon(Icons.circle),
                text: 'Text 2',
              ),
              Tab(
                icon: Icon(Icons.notifications),
                text: 'Text 3',
              )
            ],
          ),
        ),
        body: TabBarView(
          children: [
            Center(
              child: Column(
                mainAxisAlignment : MainAxisAlignment.center,
                children: [Icon(Icons.opacity , size: 200,) , Text('Screen one')],),),
            
            Center(child: Column(
              mainAxisAlignment : MainAxisAlignment.center,
              children: [Icon(Icons.circle , size: 200,) , Text('Screen two')],),),
            
            Center(child: Column(
              mainAxisAlignment : MainAxisAlignment.center,
              children: [Icon(Icons.notifications , size: 200,) , Text('Screen there')],),),
          ],
        )    ,

      ),
    );
  }
}