Jetpack Compose 中的未綁定波紋/指示（相當於 selectableBackgroundBorderless）

Question

在 Jetpack Compose 中， clickable的修飾符將默認使用LocalIndication.current並顯示綁定到邊框的波紋。 這看起來幾乎總是很棒，但在某些情況下，圓形的、未綁定的波紋看起來更好。 返回視圖 Android 我們會使用android:background="?attr/selectableItemBackgroundBorderless來實現這種行為。我們如何在 compose 中做到這一點？

示例[來源] ：

Answer 1

您可以按如下方式自定義波紋效果：

Modifier.clickable(
    interactionSource = remember { MutableInteractionSource() },
    indication = rememberRipple(bounded = false), // You can also change the color and radius of the ripple
    onClick = {}
)