android - 如何在 Android Jetpack Compose 的 TabRow 中更改按下的 Tab 颜色？

Question

我在 Kotlin 上有一个简单的 Jetpack Compose TabRow 示例，来自 documentation ，我刚刚更改了文本和下划线颜色。但是按下选项卡时会有橙色背景色。我想让它透明。

var state by remember { mutableStateOf(0) }
val titles = listOf("TOP", "NEW", "HOT")
Column {
    TabRow(
        contentColor = MaterialTheme.colors.primaryVariant, // This is underline's color
        selectedTabIndex = state
    ) {
        titles.forEachIndexed { index, title ->
            Tab(
                selectedContentColor = MaterialTheme.colors.primaryVariant,
                unselectedContentColor = MaterialTheme.colors.secondary,
                text = { Text(title) },
                selected = state == index,
                onClick = { state = index }
            )
        }
    }
    Text(
        modifier = Modifier.align(Alignment.CenterHorizontally),
        text = "Text tab ${state + 1} selected",
        style = MaterialTheme.typography.body1
    )
}

Answer 1

现在，您可以设置backgroundColor对于这样的标签:

TabRow(
   selectedTabIndex = state,
   ...
   backgroundColor = Color.White
)