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)
        }
    },
)