一起滚动两个懒惰的滚动条 [英] Scroll Two Lazy Scrollers Together

问题描述

这个问题以前有人问过，但形式不同，针对一些特定的用例，到目前为止还没有答案.我终于让它工作了，所以我在这里分享这个，但这不应该被标记为重复，因为之前的所有问题都指定了特定的东西，比如 Columns 和 scrollable Modifiers 或 LazyRows，但这将解决一般的所有问题，我的意思是所有惰性滚动器，希望甚至是可滚动的容器.我会发布答案，所以这只是我希望与社区分享的一部分知识，当然，也欢迎任何改进.

This question has been asked before, but in different forms, regarding some specific use cases, and so far there has been no answer. I finally got it working, so I am sharing this here, but this should not be marked as a duplicate since all the previous questions specify specific stuff, like Columns with scrollable Modifiers, or LazyRows, but this will resolve all the issues in general, I mean all the lazy-scrollers, and hopefully even scrollable containers in general. I'll post the answer so this is just a piece of knowledge that I wished to share with the community, also, any improvements are welcome, of course.

推荐答案

这是完整的工作解决方案:-

This is the full working solution:-

@Composable
fun DUME() {

    val stateRowX = rememberLazyListState() // State for the first Row, X
    val stateRowY = rememberLazyListState() // State for the second Row, Y

    Column { // Placing two Lazy Rows one above the other for the example

        LazyRow(state = stateRowY) {
            items(LoremIpsum(10).values.toList()) {
                Text(it)
            }
        }

        LazyRow(state = stateRowX) {
            items(LoremIpsum(10).values.toList()) {
                Text(text = it)
            }
        }

    }

    //This might seem crazy

    LaunchedEffect(stateRowX.firstVisibleItemScrollOffset) {
        stateRowY.scrollToItem(
            stateRowX.firstVisibleItemIndex,
            stateRowX.firstVisibleItemScrollOffset
        )
    }

    LaunchedEffect(stateRowY.firstVisibleItemScrollOffset) {
        stateRowX.scrollToItem(
            stateRowY.firstVisibleItemIndex,
            stateRowY.firstVisibleItemScrollOffset
        )
    }
}

这里的 items 导入是:androidx.compose.foundation.lazy.items，它接受一个列表而不是一个数字(大小).

The items import here is : androidx.compose.foundation.lazy.items, this accepts a list instead of a number (the size).

这篇关于一起滚动两个懒惰的滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！