I am coming from a CSS background, so I want to have a screen where I have a button that’s positioned at the very bottom of the screen.

In CSS, we can say:

.button {
  position: absolute;
  bottom: 100%
}

This will push the button to the end of the screen, and it will not be connected to the main layer, it will be absolutely as if it’s on layer 2 flying.

I wanted to achieve the same thing in Jetpack compose, but the API is pretty much overly complicated with hundreds of thousands of classes, just to design a basic layout.

Code:

Box {
  Column {
    Text("I am at the top left")
    Text("I want to be at the bottom center, but I don't know how")
  }
}