image.png

# compose

[Thierry]

image.png

[Thierry]

ha, got it 🙂

@Composable
fun DateSeparator(date: Date) {
    Stack() {
        Align(Alignment.Center) {
            Divider(color = Color.Gray, height = 2.dp)
        }
        Align(Alignment.Center) {
            Surface(color=Color.White) {
                Text("Yesterday", modifier = LayoutPadding(10.dp))
            }
        }
    }
}

[Zach Klippenstein (he/him) [MOD]]

Which version of Compose are you using? That code works for me:

[Zach Klippenstein (he/him) [MOD]]

Also Center is an abbreviation for Align(Center)

[mon]

I think you should be using modifiers instead of positioning containers like that. Less nesting that way. LayoutGravity.Center works.

I also think stack/row/column are missing a gravity param. It makes sense to me to set all children's alignment then let each child set their own if they want.

[Adam Powell]

Yeah the default child gravity param is coming back

[Thierry]

Nice, so far i think alignment is the most confusing aspect of Compose.

[Thierry]

Super cool to see the work you guys are doing on Compose. I think it's going to have a massive impact on Android development

[Thierry]

@mon can you clarify what you mean?

[mon]

You could do something like

Stack {
  Divider(modifier = LayoutGravity.Center, ...)
  Surface(modifier = LayoutGravity.Center, ...) {
    Text(...)
  }
}

I find this way cleaner that having to nest each child in a Center or Align