復選框組合不會禁用 Animation - Android Jetpack Compose

Question

有沒有辦法禁用可組合復選框上的指示 animation？

將indication = null參數添加到.clickable修飾符的典型路徑似乎不起作用。

當我查看文檔時，它只是指導我使用不同的修飾符。

復選框可組合文檔

                Checkbox(
                    checked = checkedState.value,
                    onCheckedChange = {vm.HandleListItemClick(optionItems, i, checkedState)},
                    modifier = Modifier
                        .clickable(
                            interactionSource = interactionSource,
                            indication = null,
                            enabled = true,
                            onClickLabel = "${optionItems[i].label} checkbox selected status is ${checkedState.value}",
                            role = null,
                        ){},
                    enabled = true,
                )

Answer 1

它不起作用，因為Checkbox在實現中定義了自定義indication 。
您可以提供自定義LocalRippleTheme來覆蓋默認行為。

就像是：

CompositionLocalProvider(LocalRippleTheme provides NoRippleTheme) {
    val checkedState = remember { mutableStateOf(true) }
    Checkbox(
        checked = checkedState.value,
        onCheckedChange = { checkedState.value = it }
    )
}

private object NoRippleTheme : RippleTheme {
    @Composable
    override fun defaultColor() = Color.Unspecified

    @Composable
    override fun rippleAlpha(): RippleAlpha = RippleAlpha(0.0f,0.0f,0.0f,0.0f)
}