为什么 Compose Card 不可点击? [英] Why Compose Card not clickable?

问题描述

我正在尝试使用 jetpack compose 1.0.0-beta08.如果我将可点击添加到文本它可以工作但只有文本字段涟漪那么卡片点击有什么问题?

I am trying to use jetpack compose 1.0.0-beta08. If I add clickable to Text it works but only text field ripples so what is the problem on Card click ?

@Composable
fun FoodCategoryChip(
    text: String,
    onClick: (String) -> Unit
) {
    Card(
        modifier = Modifier
            .padding(8.dp)
            .clickable(onClick = { onClick(text) }),//this is not working
        elevation = 8.dp,
        shape = MaterialTheme.shapes.medium,
    ) {
        Text(
            text = text,
            modifier = Modifier
                .padding(8.dp)
                .wrapContentHeight(Alignment.CenterVertically),
            color = Color.Black,
        )

    }
}

推荐答案

从 1.0.0-beta08 带有 Card 你必须使用带有 onClick 的版本> 参数:

Starting from 1.0.0-beta08 with the Card you have to use the version with the onClick parameter:

BEHAVIOUR-BREAKING:卡片现在消耗点击次数，使通过 Card(Modifier.clickable) 添加的点击成为空操作.请使用接受 onClick 的 Card 的新实验性重载.

BEHAVIOUR-BREAKING: Card now consumes clicks, making clicks added via Card(Modifier.clickable) to be a no-op. Please, use new experimental overload of a Card that accepts onClick.

Card( 
    onClick = { /*...*/ },
    modifier = Modifier
        .padding(8.dp),
    elevation = 8.dp,
    shape = MaterialTheme.shapes.medium,
) {
    //..
}

这篇关于为什么 Compose Card 不可点击?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！