JetPack Compose 同時滾動多個 LazyColumn

Question

我想要多個 All LazyColumn 同時滾動

由於內部布局，我不能使用 LazyHorizontalGrid 或 LazyVerticalGrid，這兩種布局是不同的。 我如何在多個 LazyColumn 中共享滾動？

@Composable
fun TableScreen2(list: List<Time>, cal: Calendar, df: DateFormat) {

    LazyRow(Modifier.fillMaxSize()) {
        item {
            LazyColumn(
                modifier = Modifier
                    .fillParentMaxHeight()
            ) {
                items(count = list.first().timeList.size / 2) {
                    Column(
                        modifier = Modifier
                            .width(60.dp)
                            .height(50.dp),
                        verticalArrangement = Arrangement.Top
                    ) {

                        Text(df.format(stateCal.time))
                        stateCal.add(Calendar.MINUTE, 30)

                    }
                }
            }
        }

        items(4) { listIndex ->
            LazyColumn(modifier = Modifier.fillParentMaxHeight()) {
                itemsIndexed(list[listIndex].timeList) { timeIndex, timeItem ->
                    Box(
                        modifier = Modifier
                            .height(30.dp)
                            .width(60.dp)
                            .background(Color.Gray),
                        contentAlignment = Alignment.Center
                    ) {
                        Text(text = "$timeIndex")
                    }
                }

            }
        }
    }
}

這是gif

Answer 1

我認為在這種情況下您可能需要使用LazyVerticalGrid 。 請參閱 此處的文檔。

Answer 2

單個 LazyColumn，其中惰性列中的每個條目是一行 5 個項目，看起來它適合您想要的。