如何更改 Android Jetpack Compose 中 TabRow 中按下的选项卡颜色？

Question

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

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
)