在 LazyColumn 中使用 LazyHorizontalGrid

Question

我尝试在 LazyColumn 中使用带有 2 个固定行的 LazyHorizontalGrid。 但随后应用程序崩溃：

IllegalArgumentException: LazyHorizontalGrid's height should be bound by parent

这是令人惊讶的，因为我可以毫无问题地在 LazyColumn 中使用 LazyRow。

Answer 1

LazyColumn包裹了内容的高度并且可以被拉伸，这样item scope 就有了constraints.maxHeight = Constraints.Infinity 。 LazyHorizontalGrid中行高的总和不能是Constraints.Infinity 。 这是问题的原因。

您必须为LazyHorizontalGrid分配最大height 。

LazyColumn {

    item {           
        LazyHorizontalGrid(
            rows = GridCells.Fixed(3),
            horizontalArrangement = Arrangement.spacedBy(16.dp),
            verticalArrangement = Arrangement.spacedBy(16.dp),
            modifier = Modifier.heightIn(max = 200.dp)
        ) {
            // item content
        }
    }
    items(itemsList) {
        item content
    }
}