I want to be able to have the selected tab’s underline within the tab bar to only be as long as the text for that tab (as shown below). I believe my issue is that I have a SizedBox with a defined width that uses the screen’s width to determine the width of each tab. I did this as otherwise since there would be a scroll with the “SHARE THE GOOD” tab as it’s too long and I want all the tabs to fit on the screen with no scroll.

This should be simple, but struggling. I am adding tabs to screen and tab to two different views. BUT, I need to pass user’s role into screen called, but for some reason it is not allowing widget. reference to work? It shows up underlined.

I try to make TabBar with indicator but the tab item not filling the remaining space so the indicator just wrap the text. I want to set the indicator to fill the remaining space.

I want to achieve a TabBar with Tabs with the following layout: