我有一个包含项目的惰性行。现在,我想对每当用户滚动惰性行时在视口中完全可见的项目进行 API 调用。
我尝试过以下代码:
listState = rememberLazyListState()
LaunchedEffect(listState){
snapshotFlow { listState.firstVisibleItemIndex }
.collectLatest{
Log.d("printed Item", listState.firstVisibleItemIndex.toString())
}}
这段代码的问题是:
- 即使第二项占据视口,除非第一项完全不可见,否则它不会被打印。
- 对于平板电脑,由于屏幕尺寸较大,即使屏幕上有 2 个可见项目,也仅对第一个可见项目进行 API 调用。请参阅屏幕截图。
当第一个项目部分可见且第二个项目完全可见时
[1]:https://i.stack.imgur.com/l5QcB.jpg https://i.stack.imgur.com/l5QcB.jpg
当第二个图块完全可见并且第一个图块完全不可见时
[2]:https://i.stack.imgur.com/6rmiQ.jpg https://i.stack.imgur.com/6rmiQ.jpg
对于 2 个项目完全可见的平板电脑
[3]:https://i.stack.imgur.com/QYRTI.jpg https://i.stack.imgur.com/QYRTI.jpg
谁能告诉我如何解决我的问题?
有关可见项目的所有信息均可在state.layoutInfo
。要检查该项目是否可见,您需要根据视口大小比较第一个和最后一个项目的位置(所有其他项目肯定都是可见的)。
要仅对更改的单元格启动重组,您可以再次使用derivedStateOf
within item
将索引转换为特定的布尔状态。
val state = rememberLazyListState()
val fullyVisibleIndices: List<Int> by remember {
derivedStateOf {
val layoutInfo = state.layoutInfo
val visibleItemsInfo = layoutInfo.visibleItemsInfo
if (visibleItemsInfo.isEmpty()) {
emptyList()
} else {
val fullyVisibleItemsInfo = visibleItemsInfo.toMutableList()
val lastItem = fullyVisibleItemsInfo.last()
val viewportHeight = layoutInfo.viewportEndOffset + layoutInfo.viewportStartOffset
if (lastItem.offset + lastItem.size > viewportHeight) {
fullyVisibleItemsInfo.removeLast()
}
val firstItemIfLeft = fullyVisibleItemsInfo.firstOrNull()
if (firstItemIfLeft != null && firstItemIfLeft.offset < layoutInfo.viewportStartOffset) {
fullyVisibleItemsInfo.removeFirst()
}
fullyVisibleItemsInfo.map { it.index }
}
}
}
LazyColumn(
state = state,
contentPadding = PaddingValues(30.dp)
) {
items(100) { index ->
val isVisible by remember(index) {
derivedStateOf {
fullyVisibleIndices.contains(index)
}
}
Text(
index.toString(),
modifier = Modifier
.background(if (isVisible) Color.Green else Color.Transparent)
.padding(30.dp)
)
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)