TabBar shadows are clipped and indicator height cannot be reduced #59728
Description
Hello!
To understand what am I trying to achieve, have a look at the attached image.
But as you can see, the tab's shadow can not fit inside the Tab. So how do I make space for the shadow?
Also, how do I change the indicators size? For example, I want to make my tabs indicator height smaller.
I can't find any way to configure that.
Here is how I build a Tab:
Tab buildTab(CategoryModel category) {
return Tab(child: ConstrainedBox(
constraints: BoxConstraints(
minWidth: 48,
),
child: Text(category.name, textAlign: TextAlign.center,),
),);
}
And this is how I builde the TabBar:
return TabBar(
indicator: BoxDecoration(
color: Colors.blue,
borderRadius: const BorderRadius.all(
const Radius.circular(999.0),
),
boxShadow: const [BoxShadow(color: Colors.blueAccent, blurRadius: 6.0)]
),
unselectedLabelColor: Colors.blue,
labelColor: Colors.white,
isScrollable: true,
tabs: tabs,
);