android - Jetpack 撰写 : Content color of 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)
        }
    },
)