如何使惰性列项目在 Jetpack compose 中占据完整高度？

Question

我正在尝试使用撰写惰性列，我希望惰性列的每个项目都具有最大高度，我尝试了下面的代码，但它没有给出预期的结果

代码

val itemsList：按 mainScreenViewModel.portfolioItems.observeAsState(listOf()) 列出

Box(modifier = Modifier.fillMaxSize()) {
    Column(modifier = Modifier.matchParentSize()) {
        LazyColumn(
            content = {
                itemsIndexed(itemsList) { index, item ->
                    Text(text = "Hello", modifier = Modifier.fillMaxHeight())
                }
            },
        )
}
}

Answer 1

fillMaxHeight()/fillMaxWidth()分别对于垂直和水平滚动列表无法正常工作。相反，我们可以使用fillParentHeight()和fillParentWidth()分别提供LazyItemScope。

示例代码：

LazyColumn(
     modifier = modifier.fillMaxHeight()) {
         items(count = 3) {
             Column(modifier = Modifier.fillParentMaxHeight()) {
                 Text(
                     text = "Item $it", 
                     modifier = Modifier.fillMaxWidth()
                 )
                 Divider(Modifier.height(2.dp))
            }
     }
}

有关更多详细信息，请参阅：https://developer.android.com/reference/kotlin/androidx/compose/foundation/lazy/LazyItemScope