Modifier.Node

open fun onAttach(): Unit

Called when the node is attached to a androidx.compose.ui.layout.Layout which is part of the UI tree. When called, node is guaranteed to be non-null. You can call sideEffect, coroutineScope, etc. This is not guaranteed to get called at a time where the rest of the Modifier.Nodes in the hierarchy are "up to date". For instance, at the time of calling onAttach for this node, another node may be in the tree that will be detached by the time Compose has finished applying changes. As a result, if you need to guarantee that the state of the tree is "final" for this round of changes, you should use the sideEffect API to schedule the calculation to be done at that time.

open fun onDetach(): Unit

Called when the node is not attached to a androidx.compose.ui.layout.Layout which is not a part of the UI tree anymore. Note that the node can be reattached again.

This should be called right before the node gets removed from the list, so you should still be able to traverse inside of this method. Ideally we would not allow you to trigger side effects here.

open fun onReset(): Unit

Called when the node is about to be moved to a pool of layouts ready to be reused. For example it happens when the node is part of the item of LazyColumn after this item is scrolled out of the viewport. This means this node could be in future reused for a androidx.compose.ui.layout.Layout displaying a semantically different content when the list will be populating a new item.

Use this callback to reset some local item specific state, like "is my component focused".

This callback is called while the node is attached. Right after this callback the node will be detached and later reattached when reused.

import androidx.compose.runtime.mutableStateOf
import androidx.compose.ui.Modifier

class SelectableNode : Modifier.Node() {
    var selected by mutableStateOf(false)

    override fun onReset() {
        // reset `selected` to the initial value as if the node will be reused for
        // displaying different content it shouldn't be selected straight away.
        selected = false
    }

    // some logic which sets `selected` to true when it is selected
}

fun sideEffect(effect: () -> Unit): Unit

This can be called to register effect as a function to be executed after all of the changes to the tree are applied.

This API can only be called if the node isAttached.

val coroutineScope: CoroutineScope

A CoroutineScope that can be used to launch tasks that should run while the node is attached.

The scope is accessible between onAttach and onDetach calls, and will be cancelled after the node is detached (after onDetach returns).

import androidx.compose.animation.core.Animatable
import androidx.compose.ui.Modifier

class AnimatedNode : Modifier.Node() {
    val animatable = Animatable(0f)

    override fun onAttach() {
        coroutineScope.launch { animatable.animateTo(1f) }
    }
}

val isAttached: Boolean

Indicates that the node is attached to a androidx.compose.ui.layout.Layout which is part of the UI tree. This will get set to true right before onAttach is called, and set to false right after onDetach is called.

final val node: Modifier.Node

A reference of the Modifier.Node that holds this node's position in the node hierarchy. If the node is a delegate of another node, this will point to the root delegating node that is actually part of the node tree. Otherwise, this will point to itself.

open val shouldAutoInvalidate: Boolean

If this property returns true, then nodes will be automatically invalidated after the modifier update completes (For example, if the returned Node is a DrawModifierNode, its DrawModifierNode.invalidateDraw function will be invoked automatically as part of auto invalidation).

This is enabled by default, and provides a convenient mechanism to schedule invalidation and apply changes made to the modifier. You may choose to set this to false if your modifier has auto-invalidatable properties that do not frequently require invalidation to improve performance by skipping unnecessary invalidation. If autoInvalidate is set to false, you must call the appropriate invalidate functions manually when the modifier is updated or else the updates may not be reflected in the UI appropriately.