title: Jetpack Compose: How to put a LazyVerticalGrid inside a scrollable Column?
body: <p>When trying to put a <code>LazyVerticalGrid</code> inside a <strong>scrollable</strong> <code>Column</code> I get the following error:</p>
  <blockquote>
  <p>java.lang.IllegalStateException: Nesting scrollable in the same
  direction layouts like LazyColumn and
  Column(Modifier.verticalScroll()) is not allowed. If you want to add a
  header before the list of items please take a look on LazyColumn
  component which has a DSL api which allows to first add a header via
  item() function and then the list of items via items().</p>
  </blockquote>
  <p>I am not making a traditional list, I just have alot of elements that are too big to fit on the screen. Therefore I want the column to scroll so I can see all the elements. Here is my code:</p>
  <pre><code>@ExperimentalFoundationApi
  @Composable
  fun ProfileComposable(id: String?) {
      val viewModel: ProfileViewModel = viewModel()
      if (id != null) {
          viewModel.getProfile(id)
          val profile = viewModel.profile.value
          val scrollState = rememberScrollState()
          if (profile != null) {
              Column(modifier = Modifier
                  .fillMaxWidth()
                  .fillMaxHeight()
                  .verticalScroll(scrollState)) {
                  Row() {
                      ProfilePic(profile.getImgUrl(), profile.name)
                      Column(Modifier.padding(16.dp)) {
                          ProfileName(profile.name)
                          Stats(profile.stats) //      &lt;--------------- the offending composable
                      }
                  }
                  Sprites(sprites = profile.sprites)
                  TextStat(profile.id.toString(), &quot;Pokemon Number&quot;)
                  TextStat(profile.species.name, &quot;Species&quot;)
                  TextStat(profile.types.joinToString { it.type.name }, &quot;Types&quot;)
                  TextStat(profile.weight.toString(), &quot;Weight&quot;)
                  TextStat(profile.forms.joinToString { it.name }, &quot;Forms&quot;)
              }
          } else {
              Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
                  CircularProgressIndicator()
              }
          }
      } else {
          Text(&quot;Error&quot;)
      }
  } 
  </code></pre>
  <p>The <code>Stats()</code> composable contains the <code>LazyVerticalGrid</code> which causes the error:</p>
  <pre><code>@ExperimentalFoundationApi
  @Composable
  fun Stats(stats: List&lt;Stat&gt;) {
      LazyVerticalGrid(cells = GridCells.Fixed(2)) {
          itemsIndexed(stats) { index, item -&gt;
              StatBox(stat = item)
          }
      }
  }
  </code></pre>
  <p>I do not want the grid to scroll, I just want to display a grid within a scrollable column.</p>