JetPack Compose 同时滚动多个 LazyColumn

Question

I want multiple All LazyColumn scroll simultaneously

I can't use LazyHorizontalGrid or LazyVerticalGrid because of inner layout what two layout is different. How can i share scrolling in multiple 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")
                    }
                }

            }
        }
    }
}

here is gif

Answer 1

I think you may need to use a LazyVerticalGrid in this case. See the documentation here .

Answer 2

A single LazyColumn, where each entry in the lazy column is a row of 5 items looks like it would fit what you want.