title: The last elements are not visible in LazyColumn. Jetpack Compose
body: <p>I take an example from <a href="https://developer.android.google.cn/codelabs/jetpack-compose-layouts#5" rel="nofollow noreferrer">this codelab</a></p>
  <pre><code>override fun onCreateView(
      inflater: LayoutInflater,
      container: ViewGroup?,
      savedInstanceState: Bundle?
  ): View {
      return ComposeView(requireContext()).apply {
      setContent {
          //Column(modifier = Modifier.background(Color.LightGray)) {
              //Text(text = &quot;!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!&quot;, modifier = Modifier.weight(1f))
              val scrollState = rememberLazyListState()
  
              LazyColumn(state = scrollState, modifier = Modifier
                  .background(Color.Cyan).fillMaxWidth()) {
                  items(100) {
                      Text(&quot;Item #$it&quot;)
                  }
              }
          //}
  
      }
    } 
  }
  </code></pre>
  <p>But latest element not visible on my scree. P.S I scrolled to the end</p>
  <p><img src="https://i.stack.imgur.com/KQJtA.jpg" width="300"></p>
  <p>When add  height in column - the last elements are visible, but <code>LazyColumn</code> stretches over the entire height</p>
  <pre><code>LazyColumn(state = scrollState, modifier = 
   Modifier.background(Color.Cyan).fillMaxWidth().height(350.dp)) {         
     items(100) {
      Text(&quot;Item #$it&quot;)
     }
  }
  </code></pre>
  <p><img src="https://i.stack.imgur.com/OIoK7.jpg" width="300"></p>
  <p>This happens because the column is a root element. Ok, Adding <code>Column()</code> in root element and <code>LazyColumn()</code> into in root, but I want the <code>LazyСolumn</code> to take up the entire height</p>
  <pre><code>override fun onCreateView(
      inflater: LayoutInflater,
      container: ViewGroup?,
      savedInstanceState: Bundle?
  ): View {
  return ComposeView(requireContext()).apply {
      setContent {
          Column(modifier = Modifier.background(Color.LightGray)) {
              val scrollState = rememberLazyListState()
  
              LazyColumn(state = scrollState, modifier = Modifier
                  .background(Color.Cyan).fillMaxWidth()/*.height(350.dp)*/) {
                  items(100) {
                      Text(&quot;Item #$it&quot;)
                  }
              }
          }
  
       }
    }
  }
  </code></pre>
  <p>The last elements are not visible</p>
  <p>Ideally I want to make a scrolling table with a static header</p>
  <p>UPD:
  When I add Text() On and Under LazyColumn(), also the last elements are not visible</p>
  <pre><code>setContent {
              MaterialTheme {
                  Column(modifier = Modifier
                      .background(Color.LightGray)
                      .fillMaxSize()) {
                      Text(text = &quot;!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!&quot;, modifier = Modifier.background(Color.Red).weight(1f)
                      )
                      val scrollState = rememberLazyListState()
  
                      LazyColumn(
                          state = scrollState,
                          modifier = Modifier
                              .background(Color.Cyan)
                              .fillMaxWidth()
                              .weight(4f)
                      ) {
                          items(100) {
                              Text(&quot;Item #$it&quot;)
                          }
                      }
                      Text(text = &quot;!!!!!!!!!!!!!!!!!!!!&quot;, modifier = Modifier.background(Color.Red).weight(1f))
                  }
              }
  
          }
  </code></pre>