[Compose] 클릭했을 때 리플 효과 비활성화(disable ripple effect when clicking in Jetpack Compose)

Compose 스터디중 버튼이 아닌 Row, Column 에다 클릭이벤트를 넣어서 테스트 해봤는데, 기본 리플 효과가 적용되어 있어서 비활성화 기능을 적용해 봤다.

Modifier extension을 사용 하면 리플효과 비활성화가 가능하다.

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

위와 같이 선언 하고 아래와 같이 사용하면 됩니다.

Row(
        modifier = Modifier.noRippleClickable {
            expanded = !expanded
        }
    ) { }

 

https://stackoverflow.com/questions/66703448/how-to-disable-ripple-effect-when-clicking-in-jetpack-compose