android - 具有多个背景列表的屏幕

Question

我正在尝试构建一个包含多个列表的可滚动屏幕。为了实现这一目标，我正在做这样的事情:

LazyColumn{
     item{
     }
     items(list of items){
       ...
     }
     item{
     }
     items(list of items){
       ...
     }
     ...
}

我的问题是我想为每个列表设置背景，但我无法为“items(list){}”对象设置修饰符。我怎样才能建立这个屏幕？我应该以不同的方式构建整个屏幕吗？

Answer 1

LazyColumn 中的每个项目都是一个单独的 View ，同一 block 中的项目没有父 View :它们只是按数据分组。

您可以将相同的背景应用到 items 中的每个元素，如果您在任何填充之前应用它，它将看起来如您所愿:

LazyColumn {
    item {
        Text("title 1")
    }
    items(10) {
        Row(Modifier.fillMaxWidth().background(Color.Blue)) {
            Text("hello $it")
        }
    }
    item {
        Text("title 2")
    }
    items(10) {
        Row(Modifier.fillMaxWidth().background(Color.Green)) {
            Text("hello $it")
        }
    }
}

结果: