Flutter Package Tab Container - Find Active Tab - flutter

Question

I have raised this question already but no response yet from the owner of the package https://github.com/sourcemain/tab_container/issues/4 so trying my luck here.
I am in need to identify the current active tab. I need to change color accordingly.
I need to make sure isSelected is sent correctly.
My Parent Widget:
import 'package:flutter/material.dart';
import 'package:tab_container/tab_container.dart';
import 'package:todelete/tab_button.dart';
class TabContainerMain extends StatefulWidget {
const TabContainerMain({Key? key}) : super(key: key);
#override
State<TabContainerMain> createState() => _TabContainerMainState();
}
class _TabContainerMainState extends State<TabContainerMain> {
late final TabContainerController _controller;
int _selectedIndex = 0;
void _setActiveTabIndex() {
_selectedIndex = _controller.index;
}
#override
void initState() {
_controller = TabContainerController(length: 4);
_controller.addListener(_setActiveTabIndex);
super.initState();
}
#override
void dispose() {
_controller.dispose();
super.dispose();
}
#override
Widget build(BuildContext context) {
return SizedBox(
height: 300,
child: TabContainer(
// controller: _controller,
isStringTabs: false,
color: Theme.of(context).colorScheme.surface.withOpacity(0.5),
children: const [
Center(child: Text('Tab 1 Contents')),
Center(child: Text('Tab 2 Contents')),
Center(child: Text('Tab 3 Contents')),
Center(child: Text('Tab 4 Contents')),
],
tabs: [
TabButton(
colr: Theme.of(context).colorScheme.inverseSurface,
txt: 'ONGOING',
cnt: 9,
isSelected: _selectedIndex == 0 ? true : false,
),
TabButton(
colr: Colors.red.shade600,
txt: 'TRAPPED',
cnt: 5,
isSelected: _selectedIndex == 1 ? true : false,
),
TabButton(
colr: Theme.of(context).colorScheme.inverseSurface,
txt: 'PLANNED',
cnt: 6,
isSelected: _selectedIndex == 2 ? true : false,
),
TabButton(
colr: Theme.of(context).colorScheme.inverseSurface,
txt: 'COMPLETE',
cnt: 8,
isSelected: _selectedIndex == 3 ? true : false,
),
],
),
);
}
}
My Child Widget:
import 'package:flutter/material.dart';
class TabButton extends StatelessWidget {
final Color colr;
final String txt;
final int cnt;
final bool isSelected;
// final void Function()? onPressed;
const TabButton(
{Key? key,
required this.colr,
required this.txt,
required this.cnt,
required this.isSelected})
: super(key: key);
#override
Widget build(BuildContext context) {
return Wrap(
crossAxisAlignment: WrapCrossAlignment.center,
children: [
Text(
txt + ' ',
style: isSelected
? Theme.of(context).textTheme.bodySmall?.copyWith(
color: const Color(0xFFE90B32), fontWeight: FontWeight.bold)
: Theme.of(context).textTheme.bodySmall,
),
Container(
height: 15,
width: 15,
// padding: const EdgeInsets.all(5),
decoration: BoxDecoration(
color: colr,
borderRadius: const BorderRadius.all(Radius.circular(12))),
child: Center(
child: Text(
cnt.toString(),
style: Theme.of(context)
.textTheme
.bodySmall
?.copyWith(color: Theme.of(context).colorScheme.surface),
),
))
],
);
}
}