如何让Jetpack Compose Card不拦截点击并交由父布局处理？

要让Compose Card像原XML CardView一样，点击时触发外层可点击布局的逻辑，核心是让Card的点击事件能传递到父布局，而不是被Compose内部消耗。以下是两种可靠的实现方式：

方案1：主动触发父布局点击（推荐） #

给Compose Card添加clickable修饰符，在点击回调中主动调用外层XML布局的performClick()方法，直接复用父布局的点击逻辑：

import android.view.View
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Column
import androidx.compose.material3.Card
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.platform.LocalView

@Composable
fun MyCard() {
    Card(
        modifier = Modifier.clickable {
            // 获取当前ComposeView的父布局（即外层可点击的XML View）
            val parentLayout = LocalView.current.parent as? View
            parentLayout?.performClick()
        }
    ) {
        Column {
            Text("Card内容")
            // 其他子元素
        }
    }
}

这种方式完全模拟原CardView的行为，不管Compose内部的事件处理规则如何，都能保证点击Card和点击布局其他区域的效果一致。

方案2：避免消耗点击事件（兼容性一般） #

如果不想主动调用父布局的点击逻辑，可以通过pointerInput监听点击但不消耗事件，让事件自然向上冒泡到父布局：

import androidx.compose.foundation.gestures.detectTapGestures
import androidx.compose.foundation.layout.Column
import androidx.compose.material3.Card
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.input.pointer.pointerInput

@Composable
fun MyCard() {
    Card(
        modifier = Modifier.pointerInput(Unit) {
            detectTapGestures(
                onTap = {
                    // 不执行任何逻辑，让事件继续向上传递
                }
            )
        }
    ) {
        Column {
            Text("Card内容")
            // 其他子元素
        }
    }
}

注意：这种方式依赖Compose的事件传递机制，部分场景下可能因为ComposeView的默认行为导致事件无法透传，因此优先推荐方案1。

为什么你的尝试无效？ #

你之前使用的空实现onClick = {}会让Compose主动消耗点击事件，不会将事件传递给父布局，因此外层XML的点击逻辑无法触发。

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