ripple_effect_seg2.kt

  // ...
  // ... The previous segment
  // ...

  Column(modifier = modifier.systemBarsPadding()) {
    Row(
      verticalAlignment = Alignment.CenterVertically,
      horizontalArrangement = Arrangement.SpaceBetween,
      modifier = Modifier
        .fillMaxWidth()
        .height(64.dp)
        .padding(horizontal = 32.dp, vertical = 8.dp)
    ) {
      Text(text = "Select directory")
      OutlinedButton(
        contentPadding = PaddingValues(vertical = 15.dp, horizontal = 28.dp),
        onClick = { /* Something to do.. */ }
      ) {
        Text(text = "Select")
      }
    }
    Row(
      verticalAlignment = Alignment.CenterVertically,
      horizontalArrangement = Arrangement.SpaceBetween,
      modifier = Modifier
        .fillMaxWidth()
        .height(64.dp)
        .indication(interactionSource, indication) // <--- This line is soooo important :)
        .padding(horizontal = 32.dp, vertical = 8.dp),
    ) {
      Text(text = "Clear Cache")
      OutlinedButton(
        contentPadding = PaddingValues(vertical = 15.dp, horizontal = 28.dp),
        onClick = { /* Something to do.. */ }
      ) {
        Text(text = "Clear")
      }
    }
    Row(
      verticalAlignment = Alignment.CenterVertically,
      horizontalArrangement = Arrangement.SpaceBetween,
      modifier = Modifier
        .fillMaxWidth()
        .height(64.dp)
        .padding(horizontal = 32.dp, vertical = 8.dp)
    ) {
      Text(text = "Another Example")
      Text(text = "Do nothing")
    }
  }
}