I’m trying to lazy-load items to be displayed in a `Dialog` . To achieve this, I have a state of `Mu...

# compose

[Mark]

I’m trying to lazy-load items to be displayed in a Dialog . To achieve this, I have a state of MutableList which is initially empty and then populated via a LaunchedEffect . Even though the state is successfully updated, the Dialog does not show the items. Is this something to do with limitations in updating Dialog’s contents, or am I doing something fundamentally wrong?

[Mark]

I’ve found a way to make it work by doing this:

var items by remember {
    mutableStateOf<List<Item>>(emptyList())
}
LaunchedEffect(true) {
    items = calculateItems()
}
if (items.isNotEmpty()) {
    MyDialog(items, onDismissRequest)
}

although I’m not sure why it wasn’t also working when the LaunchedEffect was specified within the MyDialog composable.

[Mini]

https://developer.android.com/jetpack/compose/state#state-in-composables

[Mini]

You could consider `produceState`for this, which is basically just a wrapper around what you’re doing, but might be easier to understand

val items = produceState(emptyList()){
    value = calculateItems()
}

[Mark]

Thanks Mini, that’s better!