Is it possible to not trigger ripple effect on scroll?

Question

Actual Result: Ripple effect triggered on scroll (Video)

Expected Result: Ripple effect is only triggered on click just like in Android Views

Code:

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MyApp {
                Content()
            }
        }
    }
}

@Preview
@Composable
fun Content() {
    val items = List(100) { "Item number $it" }
    LazyColumn {
        items(items = items) { item ->
            Text(
                text = item,
                modifier = Modifier
                    .fillMaxWidth()
                    .clickable { }
                    .padding(16.dp)
            )
        }
    }
}

Related issue tracker:

score 1 · Accepted Answer · answered Jul 14 '21 at 05:12

1

This issue has been fixed in Compose version 1.0.0-rc01

answered Jul 14 '21 at 05:12

Kefas

61
1
5

This `1.0.0-rc01` works, however, has some complications with compose @Preview. As an alternative, you can use compose version `1.0.0-beta09`. – Sreekant Shenoy Jul 16 '21 at 06:53

score 0 · Answer 2 · answered Mar 15 '21 at 16:10

0

You need to set options in your Modifier.clickable like that :

Modifier.clickable(
    interactionSource = MutableInteractionSource(),
    indication = null, 
    onClick = {
            /* Action */
    }
)

answered Mar 15 '21 at 16:10

Ady

230
3
16

Is it possible to not trigger ripple effect on scroll?

2 Answers2