I have the following layout: ```Row { Compone...

# compose

[Pavle Joksovic]

I have the following layout:

Row {
    ComponentA()
    Column(modifier = Modifier.fillMaxSize()){
        ComponentB()
    }
}

how can I align the ComponentB to bottom right of the Column?

I'm trying to achieve something from the image attached

[Daniel Oliveira]

You can use Box as root layout and use the align modifier in the childs

[Nikola Drljaca]

You can also consider ConstraintLayout for compose if you need more fine-grained positioning.

[Chris Johnson]

This is a specific usecase, but you could do this if you wanted.

Column(modifier = Modifier.fillMaxSize(), verticalArrangement = Arrangement.Bottom) {
    ComponentB(modifier = Modifier.align(Alignment.End))
}

Columns and Rows also allow alignment in their cross-axis space.

[Pavle Joksovic]

Thanks everyone, the box approach worked