Skip to content

Instantly share code, notes, and snippets.

@syarihu
Last active January 12, 2025 11:53
Show Gist options
  • Save syarihu/ff00b1ce88effc764edf284bf38be7bc to your computer and use it in GitHub Desktop.
Save syarihu/ff00b1ce88effc764edf284bf38be7bc to your computer and use it in GitHub Desktop.
Double tap prevention for jetpack compose
import androidx.compose.foundation.clickable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.composed
import kotlinx.coroutines.delay
fun Modifier.clickableOnce(
onClick: () -> Unit,
): Modifier = this.then(
composed(
inspectorInfo = {
name = "clickableOnce"
value = onClick
},
) {
var enableAgain by remember { mutableStateOf(true) }
LaunchedEffect(
enableAgain,
block = {
if (enableAgain) return@LaunchedEffect
delay(timeMillis = 500L)
enableAgain = true
},
)
Modifier.clickable {
if (enableAgain) {
enableAgain = false
onClick()
}
}
},
)
@Monabr
Copy link

Monabr commented Aug 3, 2024

Using Modifier.then with a Modifier factory function with an implicit receiver

The code have this error message.

@yoonseopshin
Copy link

@Monabr
It can be resolved by applying as an explicit receiver.
Add this keyword to composedof L14

this.compose(

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment