使用CompositionLocalProvider禁用Modifier.clickable涟漪效果失效问题排查

你的方案在部分设备失效，大概率是因为CompositionLocal的全局RippleTheme被组件内部的主题设置、系统兼容性或者旧版Compose的bug覆盖了。可以试试下面几个更可靠的方案：

方案1：直接在Modifier.clickable中禁用涟漪 #

这是最直接且稳定的方式，绕过主题层级的影响，直接给clickable指定无涟漪的indication：

Modifier.clickable(
    onClick = { /* 你的点击逻辑 */ },
    // 必须指定interactionSource，否则会抛出异常
    interactionSource = remember { MutableInteractionSource() },
    // 设为null完全禁用涟漪
    indication = null
)

如果你需要保留点击反馈但隐藏视觉涟漪，也可以用透明波纹：

Modifier.clickable(
    onClick = { /* 你的点击逻辑 */ },
    interactionSource = remember { MutableInteractionSource() },
    indication = rememberRipple(color = Color.Transparent)
)

方案2：封装自定义无涟漪点击Modifier #

为了避免重复代码，可以把无涟漪的点击逻辑封装成扩展函数，全局复用：

import androidx.compose.foundation.clickable
import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier

fun Modifier.noRippleClickable(onClick: () -> Unit): Modifier = this
    .clickable(
        onClick = onClick,
        indication = null,
        interactionSource = remember { MutableInteractionSource() }
    )

使用时直接调用：

Box(modifier = Modifier.noRippleClickable { /* 点击逻辑 */ }) {
    // 内容
}

方案3：升级Compose版本 #

如果你的项目用的是较旧的Compose版本（比如1.4.x及以下），部分设备的涟漪主题兼容性问题可能已经在新版本中修复，建议升级到最新的稳定版（如1.5.x或更高）。

补充说明 #

CompositionLocalProvider的方式依赖于组件树的主题继承，若子组件内部显式指定了自己的RippleTheme或使用了系统默认主题，就会覆盖你全局设置的ClearRippleTheme。而直接给clickable指定indication的方式优先级更高，不受主题层级影响，因此在多设备上更稳定。

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