Is it possible to specify the vertical aligment of a container (LazyRow in this case) by a percentag...

# compose

[Pablo]

Is it possible to specify the vertical aligment of a container (LazyRow in this case) by a percentage of the height of the container? for example, 20% of the height. I only can find default ways like verticalAlignment = Alignment.CenterVertically

[efemoney]

Its not clear what you mean. Can you pseudocode an example?

Row(verticalAlignment = Alignment.CenterVertically) {
  A(Modifier.align(Alignment.Bottom))
  B()
  C()
}

In this example above vertical alignment would affect ABC causing them to be centered by default, but align would override A causing it to move towards the bottom

[efemoney]

Do you want to set a vertical alignment on the container that would cause ALL children to be 20% height away from the top?

[efemoney]

Or do you want that for just one child only within the Row

[Pablo]

yes, all the row childrens must be at 20% of the height

[efemoney]

Okay, you can implement a simple custom Alignment.Vertical

fun interface Vertical {
  fun align(size: Int, space: Int) = (0.2f * space).toInt()
}

if you want to align the top of the child.

If you’d rather align the center you would update it with a little calculation that takes account of the size

[Pablo]

well finally I did it using BiasAligment.Vertical but thank you