android - Jetpack Compose LazyColumn 滚动监听器

Question

我想以编程方式更改当用户滚动经过下面列表中的每个“查看更多”项目时选择了哪个选项卡。我将如何最好地做到这一点？

Answer 1

如Ryan M writes , 你可以使用 LazyListState.firstVisibleItemIndex . Compose 的神奇之处在于您可以在 if 中使用它。 statement 和 Compose 将完成这项工作。请看以下示例，该示例根据第一个可见项目显示不同的文本。同样，您可以根据第一个可见项目选择不同的选项卡。

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContent {
            val listState = rememberLazyListState()

            Column {
                Text(if (listState.firstVisibleItemIndex < 100) "< 100" else ">= 100")
                LazyColumn(state = listState) {
                    items(1000) {
                        Text(
                            text = "$it",
                            modifier = Modifier.fillMaxWidth(),
                        )
                    }
                }
            }
        }
    }
}