Material3中TabRow选中标签下划线颜色修改（indicatorColor已失效）

在Material3中，indicatorColor属性已被移除，想要修改Tab选中时的下划线颜色，可以通过以下两种方式实现：

1. 自定义TabRow的指示器组件 #

直接在TabRow中通过indicator参数指定自定义的指示器，设置你需要的颜色：

import androidx.compose.material3.TabRow
import androidx.compose.material3.TabRowDefaults
import androidx.compose.material3.Tab
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp

// 假设selectedTabIndex是当前选中的Tab索引
TabRow(
    selectedTabIndex = selectedTabIndex,
    indicator = { tabPositions ->
        TabRowDefaults.Indicator(
            // 设置下划线为黑色
            color = Color.Black,
            // 可选：自定义下划线高度
            height = 2.dp,
            modifier = Modifier.tabIndicatorOffset(tabPositions[selectedTabIndex])
        )
    }
) {
    // 添加你的Tab项
    Tab(
        selected = selectedTabIndex == 0,
        onClick = { selectedTabIndex = 0 },
        text = { Text("标签1") }
    )
    Tab(
        selected = selectedTabIndex == 1,
        onClick = { selectedTabIndex = 1 },
        text = { Text("标签2") }
    )
}

2. 全局修改ColorScheme（影响所有Tab组件） #

如果希望所有Tab的选中下划线都改为黑色，可以在自定义MaterialTheme的ColorScheme中，将primary颜色设置为黑色（因为默认指示器使用的是colorScheme.primary）：

import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.lightColorScheme
import androidx.compose.ui.graphics.Color

val CustomColorScheme = lightColorScheme(
    primary = Color.Black,
    // 其他颜色根据需求调整
)

// 在App入口应用自定义主题
MaterialTheme(
    colorScheme = CustomColorScheme,
    content = { /* 你的应用内容 */ }
)

注意：这种方式会改变所有使用primary颜色的组件样式，比如按钮、文本链接等，仅在需要全局统一风格时使用。

内容的提问来源于stack exchange，提问作者Gab GH