movableContentOf

@RememberInComposition
public fun movableContentOf(content: @Composable () -> Unit): @Composable () -> Unit

Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.

Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,

Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,

Parameters

Returns

@RememberInComposition
public fun <P> movableContentOf(content: @Composable (P) -> Unit): @Composable (P) -> Unit

Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.

Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,

Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,

Parameters

Returns

@RememberInComposition
public fun <P1, P2> movableContentOf(
    content: @Composable (P1, P2) -> Unit
): @Composable (P1, P2) -> Unit

Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.

Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,

Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,

Parameters

Returns

@RememberInComposition
public fun <P1, P2, P3> movableContentOf(
    content: @Composable (P1, P2, P3) -> Unit
): @Composable (P1, P2, P3) -> Unit

Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.

Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,

Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,

Parameters

Returns

@RememberInComposition
public fun <P1, P2, P3, P4> movableContentOf(
    content: @Composable (P1, P2, P3, P4) -> Unit
): @Composable (P1, P2, P3, P4) -> Unit

Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.

Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,

Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,

Parameters

Returns

Code Examples

MovableContentColumnRowSample

@Suppress("unused")
@Composable
fun MovableContentColumnRowSample(content: @Composable () -> Unit, vertical: Boolean) {
    val movableContent = remember(content) { movableContentOf(content) }
    if (vertical) {
        Column { movableContent() }
    } else {
        Row { movableContent() }
    }
}

MovableContentMultiColumnSample

@Suppress("unused")
@Composable
fun MovableContentMultiColumnSample(items: List<Item>) {
    val itemMap = remember { mutableMapOf<Item, @Composable () -> Unit>() }
    val movableItems =
        items.map { item -> itemMap.getOrPut(item) { movableContentOf { ItemView(item) } } }
    val itemsPerColumn = 10
    val columns = items.size / itemsPerColumn + (if (items.size % itemsPerColumn == 0) 0 else 1)
    Row {
        repeat(columns) { column ->
            Column {
                val base = column * itemsPerColumn
                val end = minOf(base + itemsPerColumn, items.size)
                for (index in base until end) {
                    movableItems[index]()
                }
            }
        }
    }
}