title: JetPack Compose fractional offset
body: <p>Say I have a column with image and button, and I would like the button to be half on top the image, essentially negatively offset the button 50% of its height, currently I do this using a custom layouy, but is there an easier way to achieve this? Something like <code>FractionalTranslation</code> in Flutter.</p>
  <p>Currently this is my solution:</p>
  <pre><code>Column(horizontalAlignment = Alignment.CenterHorizontally) {
      Box(
          modifier = Modifier
              .fillMaxWidth()
              .height(300.dp)
              .background(color = Color.Green)
      )
      Button(
          onClick = {},
          modifier = Modifier.layout { measurable, constraints -&gt;
              val placeable = measurable.measure(constraints)
              layout(constraints.maxWidth, constraints.maxHeight) {
                  placeable.placeRelative(constraints.maxWidth / 2 - placeable.width / 2, -1 * placeable.height / 2)
              }
          },
      ) {
          Text(
              &quot;Hello World&quot;,
              color = Color.White,
              fontSize = 17.sp
          )
      }
  }
  
  </code></pre>
  <p>And the result:</p>
  <p><a href="https://i.stack.imgur.com/Dqp9N.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Dqp9N.png" alt="enter image description here" /></a></p>
  <p>Thanks</p>