单击 Jetpack Compose 时如何禁用涟漪效应 [英] How to disable ripple effect when clicking in Jetpack Compose

问题描述

在 Jetpack Compose 中，当您在可组合的修饰符上启用 clickable {} 时，默认情况下它会为其启用涟漪效应.如何禁用此行为?

In Jetpack Compose, when you enable clickable {} on a modifier for a composable, by default it enables ripple effect for it. How to disable this behavior?

示例代码

Row(modifier = Modifier
         .clickable { // action }
)

推荐答案

使用此修饰符扩展:

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

然后只需将 Modifier.clickable {} 替换为 Modifier.noRippleClickable {}

then simply replace Modifier.clickable {} with Modifier.noRippleClickable {}

Row(modifier = Modifier.noRippleClickable { 
  // action 
})

这篇关于单击 Jetpack Compose 时如何禁用涟漪效应的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！