title: How to make element fill the remaining space inside a Row or a Column in Jetpack Compose
body: <p>I am trying to show two text messages besides each other in a row but when the size of the first text is big, the second view gets pushed out of the screen as shown below: <br><Br>
  The code:<br></p>
  <pre class="lang-kotlin prettyprint-override"><code>Row(modifier = Modifier.fillMaxWidth()) {
      Text(
          text = &quot;safasfasdfsasdssdsaasdsadsdsaasdsasdsasdasddassdsssdasdadsasdasdsd&quot;,
          modifier = Modifier
              .padding(top = 12.dp, bottom = 12.dp, end = 12.dp, start = 10.dp)
              .background(Color.Gray)
      )
      Text(
          text = &quot;12:00 am&quot;,
          style = messageTimeTextStyle,
          modifier = Modifier
              .padding(horizontal = 16.dp),
          maxLines = 1
      )
  }
  
  </code></pre>
  <p>The output:
  <a href="https://i.stack.imgur.com/4TL4S.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/4TL4S.jpg" alt="enter image description here" /></a></p>