Android Compose 如何修改可点击Row组件的默认点击效果颜色

Jetpack Compose 中clickable修饰符的默认灰色点击效果是系统自带的波纹（Ripple）效果，你可以通过以下两种方案修改为自定义颜色：

方案1：仅修改当前Row的点击效果（局部生效） #

直接在clickable修饰符中传入自定义rememberRipple配置即可，不会影响其他组件的点击效果：

// 先导入需要的类
import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.foundation.rememberRipple

Row(
    modifier = Modifier
        .fillMaxWidth()
        .background(MaterialTheme.colors.background)
        // 替换原来的clickable调用
        .clickable(
            interactionSource = remember { MutableInteractionSource() },
            indication = rememberRipple(
                color = Color(0xFFE91E63) // 替换为你需要的自定义颜色即可
            )
        ) {
            click.invoke()
        }
) {
    Text(
        text = stringResource(id = item.first),
        textAlign = TextAlign.Start,
        color = MaterialTheme.colors.onPrimary,
        modifier = Modifier.padding(16.dp)
    )
}

你还可以通过rememberRipple的其他参数调整波纹效果：

• radius：设置波纹扩散的半径
• bounded：设置波纹是否仅在组件边界内展示（默认值为true，匹配你当前的效果）

方案2：全局/局部范围统一修改波纹颜色 #

如果你需要让某一个页面、甚至整个App的所有可点击组件都使用自定义的波纹颜色，可以自定义RippleTheme通过组合局部变量传递：

import androidx.compose.material.ripple.RippleTheme
import androidx.compose.material.ripple.RippleDefaults

// 自定义波纹主题
val MyAppRippleTheme = object : RippleTheme {
    @Composable
    override fun defaultColor() = MaterialTheme.colors.secondary // 这里可以填任意自定义颜色

    @Composable
    override fun rippleAlpha() = RippleDefaults.defaultRippleAlpha()
}

// 在需要生效的范围外层包裹Provider
@Composable
fun MyScreen() {
    CompositionLocalProvider(LocalRippleTheme provides MyAppRippleTheme) {
        // 该范围内所有clickable、Button、IconButton等组件的波纹都会使用自定义颜色
        Row(
            modifier = Modifier
                .fillMaxWidth()
                .background(MaterialTheme.colors.background)
                .clickable { click.invoke() } // 不需要额外传参数，默认就会用上面的主题配置
        ) {
            Text(
                text = stringResource(id = item.first),
                textAlign = TextAlign.Start,
                color = MaterialTheme.colors.onPrimary,
                modifier = Modifier.padding(16.dp)
            )
        }
    }
}

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