[英]Android Jetpack Compose: Ripple effect is not working when using clickable
[英]JetPack Compose no effect for clickable item
我有一列中间有一张卡片。 单击列时应该有一个动作,但单击卡片时应该没有任何反应。 (如可取消的对话框)
当我使用 XML 执行此操作时,为列设置可单击(true)时解决了此问题,但是在 Jetpack Compose 中,当我单击卡时,出现无法删除的效果
我将此代码设置为卡片修饰符:
.clickable{}
如何从可点击项目中删除默认效果(按效果无波纹)?
您需要将指示设置为 null 以在单击 Composable 时没有波纹
Modifier.clickable(
interactionSource = MutableInteractionSource(),
indication = null,
onClick = {}
)
假设您不希望波纹在 Column 内的 Card 中移动并实现这一点,您可以使用包含Column
和Card
作为兄弟姐妹的Box
。
Column(
modifier = Modifier
.size(200.dp)
.background(Color.Green)
.clickable { },
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally
) {
Card(
elevation = 4.dp,
shape = RoundedCornerShape(5.dp),
modifier = Modifier
.size(100.dp)
.clickable(
interactionSource = MutableInteractionSource(),
indication = null,
onClick = {
Toast
.makeText(context, "Card", Toast.LENGTH_SHORT)
.show()
}
)
) {
Text("In Card")
}
}
Spacer(modifier = Modifier.height(4.dp))
Box(
contentAlignment = Alignment.Center
) {
Column(
modifier = Modifier
.background(Color.Green)
.size(200.dp)
.clickable {
Toast
.makeText(context, "Column", Toast.LENGTH_SHORT)
.show()
},
) {
}
Card(
elevation = 4.dp,
shape = RoundedCornerShape(5.dp),
modifier = Modifier
.size(100.dp)
.clickable(
interactionSource = MutableInteractionSource(),
indication = null,
onClick = {
Toast
.makeText(context, "Card", Toast.LENGTH_SHORT)
.show()
}
)
) {
Text("In Card")
}
}
我猜第一个是你所拥有的,如果你使用一个盒子并添加两个项目,你将不会看到卡内的波纹移动
第一个是你所拥有的第二个是带有不会在卡中产生波纹的盒子
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.