Jetpack Compose：TabRow 的内容颜色

Question

在我的应用中，我使用 TabRow，它有两个标签：

我将内容颜色设置为

TabRow(
  ...
  contentColor = Color.Black,
  ...
)

虽然“ACTIVE”确实显示为黑色，但我也希望“INACTIVE”为黑色而不是灰色，但字体粗细不同。

我看不出有任何机会直接用 TabRow 来做这件事。

现在还有其他方法吗？

Answer 1

我认为您可以使用 Tab 组件本身来做到这一点。

val isSelected = pagerState.currentPage == index
Tab(
    text = {
        Text(
            "Tab $title",
            fontWeight = if (isSelected) FontWeight.Bold else FontWeight.Light,
            color = Color.Black
        )
    },
    selected = isSelected,
    onClick = {
        coroutineScope.launch {
            pagerState.animateScrollToPage(index)
        }
    },
)

Jetpack Compose：TabRow 的内容颜色

Jetpack Compose: Content color of TabRow

android

kotlin

user-interface

android-jetpack-compose

android-jetpack