title: Is there a way to align a item on the bottom of a LazyColumn?
body: <p>I'm trying to implement a list with a button on its bottom, like the following:</p>
  <p><a href="https://i.stack.imgur.com/mF7Kc.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mF7Kc.png" alt="enter image description here" /></a></p>
  <p>Since I don't know how many items I would have on the list, I'm using a <code>LazyColumn</code>. The button on the bottom, should only be placed there if the list doesn't fill the entire screen, if it does, the button should be moved down and be the last item on the list.</p>
  <p>Moving the button inside the <code>LazyColumn</code> like this:</p>
  <pre><code>LazyColumn(...) {
      items(items) { item -&gt; ...}
      item { Button() } 
  }
  </code></pre>
  <p>Gives the following:</p>
  <p><a href="https://i.stack.imgur.com/vbcgE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/vbcgE.png" alt="enter image description here" /></a></p>
  <p>I tried to add a <code>Spacer</code> with <code>fillMaxHeight()</code> modifier as an item between the two but it didn't change.</p>
  <p>I also tried to add both the <code>LazyColumn</code> and the <code>Button</code> inside a column:</p>
  <pre><code>Column {
     LazyColumn(
          modifier = Modifier.weight(1f)
     ) {
          items(items) { item -&gt; ...}
     }
     Button()
  }
  </code></pre>
  <p>But this only anchors the button on the bottom as if the <code>Column</code> was a <code>LinearLayout</code>.</p>
  <p>Considering this, would it be possible to align one of the <code>LazyColumn</code>'s items so it will always be on the bottom? Or, add some kind of space that fill the available area?</p>