Как настроить вкладки в Jetpack Compose ⇐ Android

[Anonymous]

Я хочу настроить внешний вид вкладок в Jetpack Compose, вот как сейчас выглядят мои вкладки:


Но я хочу, чтобы мои вкладки выглядели так:


Я создаю вкладки таким образом

Код: Выделить всё

TabRow(
selectedTabIndex = pagerState.currentPage,
backgroundColor = MaterialTheme.colors.primary,
contentColor = Color.White
) {
filters.forEachIndexed { index, filter ->
Tab(
text = {
Text(
text = filter.name.replaceFirstChar {
if (it.isLowerCase()) {
it.titlecase(Locale.getDefault())
} else {
it.toString()
}
}
)
},
selected = pagerState.currentPage == index,
onClick = { scope.launch { pagerState.animateScrollToPage(index) } },
)
}
}

Как мне добиться такого вида, я много искал, но не нашел никакой подсказки, может кто-нибудь помочь?

Подробнее здесь: https://stackoverflow.com/questions/713 ... ck-compose