Hello everyone, for the life of me, I cannot remove the padding in the Tab of a Tabrow, its causing ...

# compose

[Jeremie D]

Hello everyone, for the life of me, I cannot remove the padding in the Tab of a Tabrow, its causing my label to jump to the next line ( or i can force it on one line but it clips or ellipses ) I cannot get it to render fully. the text is only "completed" and theres plenty of room there, I see like 20dp on both sides of the label of padding when i make my text a different color than the tab. (code in thread)

[Jeremie D]

TabRow(selectedTabIndex = tabs.indexOf(selectedTab),
            containerColor = Color.White,
            indicator = { tabPositions ->
                SecondaryIndicator(
                    Modifier.tabIndicatorOffset(tabPositions[tabs.indexOf(selectedTab)]),
                    color = RColor.HIGHLIGHT_500.color
                )
            }) {
            tabs.forEachIndexed { _, tabFilter ->
                Tab(
                    selected = selectedTab == tabFilter,
                    onClick = {

                    },
                    text = {
                        if (selectedTab == tabFilter) {
                            Text(tabFilter.tabTitle)
                        } else {
                            Text(tabFilter.tabTitle)
                        }
                    }
                )
            }

[Jeremie D]

Screenshot 2025-01-20 at 7.47.56 AM.png

[Jeremie D]

ive tried modifier.fillmaxwidth, etc on the label but it always shows this padding. (in this case because my rendered preview is a bit more wide than on my device it fits on one line.)

[Stylianos Gakis]

TabRow comes frome material3 right?
You might wanna take a look at their implementation, it may not be possible to make the adjustment you want to. Copy pasting the implementation to your project would be your only option if that is the case.

[Jeremie D]

yes, material 3... thats a pain 😢

[Mike]

Trust me if you want it customisable to your needs just make your own Composable. Much less pain…

[Mike]

Been there done that.

[Jeremie D]

I had started to do this, but then I noticed the indicator animates and slides under the appropriate tab, and probably will get bitched at if i remove said animation, tbd.

[Stylianos Gakis]

You can copy paste the entire implementation, including that animation. And then make your adjustments as needed.

[Jeremie D]

I wasnt aware until this thread that the code was open sourced. 🤦