如何监听LazyColumn的上下滑动（感知细微滑动而非基于Item距离）

要实现感知LazyColumn任何细微上下滑动动作的需求，我们可以通过监听LazyListState的滚动偏移变化，对比前后偏移值来判断滑动方向，具体实现如下：

1. 定义滑动方向枚举 #

先创建一个枚举类明确滑动状态：

enum class ScrollDirection {
    UP,    // 向上滑动
    DOWN,  // 向下滑动
    IDLE   // 未滑动
}

2. 整合监听逻辑到原有代码 #

修改你的Jetpack Compose代码，添加滑动方向监听的核心逻辑：

Box(modifier = Modifier.pullRefresh(pullRefreshState)) {
    // 滑动方向状态
    val scrollDirection = remember { mutableStateOf(ScrollDirection.IDLE) }
    // 记录上一次滚动偏移量
    var lastScrollOffset by remember { mutableStateOf(0) }

    // 监听滚动偏移变化，判断滑动方向
    LaunchedEffect(scrollState) {
        snapshotFlow { scrollState.scrollableState.offset.value }
            .collect { currentOffset ->
                when {
                    currentOffset > lastScrollOffset -> {
                        scrollDirection.value = ScrollDirection.DOWN
                        // 可在这里添加向下滑动的自定义逻辑
                    }
                    currentOffset < lastScrollOffset -> {
                        scrollDirection.value = ScrollDirection.UP
                        // 可在这里添加向上滑动的自定义逻辑
                    }
                    else -> scrollDirection.value = ScrollDirection.IDLE
                }
                lastScrollOffset = currentOffset
            }
    }

    Column() {
        LazyColumn(
            modifier = Modifier
                .fillMaxSize()
                .background(colorResource(id = R.color.bgColorSecondary)),
            verticalArrangement = Arrangement.spacedBy(8.dp),
            state = scrollState
        ) {
            itemsIndexed(data ?: emptyList()) { index: Int, item: T ->
                Surface(elevation = 1.dp) {
                    Column(
                        modifier = Modifier
                            .fillMaxWidth()
                            .background(colorResource(id = R.color.white))
                            .padding(horizontal = 16.dp, vertical = 16.dp)
                    ) {
                        content(index, item)
                    }
                }
            }
        }
        if (isScrollToBottom.value) {
            println("加载更多!")
            Text(text = "加载更多")
        }
        // 可添加测试文本，实时显示当前滑动方向
        Text(text = "当前滑动方向: ${scrollDirection.value.name}")
    }
    PullRefreshIndicator(
        refreshing = isRefreshing,
        state = pullRefreshState,
        modifier = Modifier.align(Alignment.TopCenter)
    )
}

关键逻辑说明 #

• snapshotFlow：将Compose状态的变化转化为Flow，实时捕捉滚动偏移的细微变动。
• scrollState.scrollableState.offset.value：获取LazyColumn的累计滚动偏移量，能感知任何微小的滑动动作。
• 偏移对比：通过当前偏移量与上一次记录值的对比，直接判断滑动方向——当前偏移更大为向下滑动，反之则为向上滑动。

你可以根据业务需求，在对应的方向判断分支中添加自定义逻辑，比如导航栏的显隐、动画触发等。

内容的提问来源于stack exchange，提问作者有朋自远方来