问题描述
这个问题以前有人问过,但形式不同,针对一些特定的用例,到目前为止还没有答案.我终于让它工作了,所以我在这里分享这个,但这不应该被标记为重复,因为之前的所有问题都指定了特定的东西,比如 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).
这篇关于一起滚动两个懒惰的滚动条的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!