title: Align Image with Text baseline in a Row
body: <p>How can I align an Image with a Text's baseline in a Row. <code>Modifier.alignByBaseline()</code> works for the Texts but the Image doesn't participate in the alignment.</p>
  <pre><code>@Composable
  fun Sample() {
      Row(
          modifier = Modifier.fillMaxWidth(),
          horizontalArrangement = Arrangement.Center,
      ) {
          Text(
              text = &quot;One&quot;,
              modifier = Modifier.alignByBaseline(),
              fontSize = 40.sp
          )
          Image(
              modifier = Modifier
                  .padding(horizontal = 8.dp)
                  .size(24.dp)
                  .alignBy(FirstBaseline),
              painter = painterResource(id = R.drawable.ic_launcher_background),
              contentDescription = &quot;&quot;,
          )
          Text(
              text = &quot;two&quot;,
              modifier = Modifier.alignByBaseline(),
              fontSize = 40.sp
          )
      }
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/4Ruih.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4Ruih.png" alt="enter image description here" /></a></p>