indication

Compose Modifier

Common
fun Modifier.indication(interactionSource: InteractionSource, indication: Indication?): Modifier

Draws visual effects for this component when interactions occur.

Parameters

interactionSourceInteractionSource that will be used by indication to draw visual effects - this InteractionSource represents the stream of Interactions for this component.
indicationIndication used to draw visual effects. If null, no visual effects will be shown for this component.

Code Examples

IndicationSample

@Composable
fun IndicationSample() {
    val interactionSource = remember { MutableInteractionSource() }
    Column {
        Text(
            text = "Click me and my neighbour will indicate as well!",
            modifier =
                Modifier
                    // clickable will dispatch events using MutableInteractionSource
                    .clickable(
                        interactionSource = interactionSource,
                        indication = LocalIndication.current,
                    ) {
                        /** do something */
                    }
                    .padding(10.dp),
        )
        Spacer(Modifier.requiredHeight(10.dp))
        Text(
            text = "I'm neighbour and I indicate when you click the other one",
            modifier =
                Modifier
                    // this element doesn't have a click, but will show default indication from the
                    // CompositionLocal as it accepts the same MutableInteractionSource
                    .indication(interactionSource, LocalIndication.current)
                    .padding(10.dp),
        )
    }
}