Hello! I have a `List<@Composable () -> Unit...

# compose

[Brais Gabin]

Hello! I have a List<@Composable () -> Unit>. And I want to display it in a LazyColumn with a Space between each of them.

LazyColumn {
  items(list) { composable ->
    composable.invoke()
    Space(height = 4.dp)
  }
}

The problem is that some of them can emit nothing to the tree. That means that visually I get double Space between some components. How would you avoid this problem? Those functions that emit nothing could start emitting at any point if their state change.

[Jakub Syty]

I think the only solution here is to move Space emitting to composable itself. There you can just do a simple if logic to handle that

[Tolriq]

verticalArrangement = Arrangement.spacedBy(4.dp),

[Jakub Syty]

Will that solve the issue? Is arrangement ignoring "non emitting" items?

[Brais Gabin]

It does! Thanks! I assume that verticalArragement checks the tree instead of calls to items

[Jakub Syty]

Interesting, TIL