android-jetpack-compose - 卡中带有标题项目和卡中剩余项目的 LazyColumn

Question

使用 compose LazyColumn 我想要一张用于标题项目的卡片，以及一张包含其余项目的卡片。

LazyColumn() {
  item {
    Card() { // header card}
  }

  // would like all items in single card
  Card() { // cannot do this, outside composable function
      items(myItems) { item ->
         // item here
      }
  }
}

这样的事情可能吗？

Answer 1

LazyColumn如果您只有 2 件物品，那么没有任何意义。在这种情况下，如果需要，请使用常规Columnwith ：verticalScroll

Column(
    modifier = Modifier
        .fillMaxWidth()
        .verticalScroll(
            rememberScrollState()
        ),
) {
    Card(
        modifier = Modifier.fillMaxWidth()
    ) {
        header()
    }
    Card(
        modifier = Modifier.fillMaxWidth()
    ) {
        Column {
            item1()
            item2()
        }
    }
}