android - Jetpack compose 中的 [NestedScrollView + RecyclerView] 或 [Nested RecyclerView (Recycler inside another recycler) 相当于什么

Question

我想在 Jetpack compose 中创建以下布局。

我尝试在垂直可滚动框中创建两个列表，但这是不可能的，因为我得到了这个错误:
“java.lang.IllegalStateException:不允许在同一方向上嵌套可滚动布局，如 ScrollableContainer 和 LazyColumn。如果您想在项目列表之前添加标题，请查看 LazyColumn 组件，该组件具有 DSL api，它允许首先通过 item() 函数添加标题，然后通过 items() 添加项目列表。”
我尝试使用以下代码在父列表中创建两个不同的列表，但这也不起作用。

@Composable
fun MainList() {
    LazyColumn() {
        
        item {
            /* LazyRow code here */
        }
        
        item {
            /* LazyColumn code here */
        }
    }
}

现在我不知道我还能尝试在同一个 Activity 上实现两个列表(一个垂直和一个水平)并保持 Activity 垂直滚动。

Answer 1

我认为最好的选择是 LazyVerticalGrid允许对每个项目进行某种扩展逻辑，但看起来尚不支持(beta-03)。
因此，我将使用一个 LazyColumn 将我的解决方案留在这里。对于整个列表和LazyRow对于“我的书”部分。

LazyColumn(
    modifier = Modifier.fillMaxSize(),
) {
    // My Books section
    item {
        Column(modifier = Modifier.fillMaxWidth()) {
            Text("My Books")
            LazyRow {
                items(books) { item ->
                    // Each Item
                }
            }
        }

    }
    // Whishlisted Books title
    item {
        Text("Whishlisted Books", style = MaterialTheme.typography.h4)
    }
    // Turning the list in a list of lists of two elements each
    items(wishlisted.windowed(2, 2, true)) { item ->
        Row {
            // Draw item[0]
            // Draw item[1]
        }
    }
}

这是我的 gist with the full solution结果如下所示。