如何仅将Compose的PullRefreshIndicator用作指示器并禁用下拉操作？

完全可以实现类似View系统中SwipeRefreshLayout的效果——禁用下拉触发手势，但仍能展示刷新状态提示。下面分两种常用场景给出实现方案：

场景1：使用标准PullRefresh布局 #

这是Compose中实现下拉刷新的常规方式，直接通过PullRefresh组件的enabled参数禁用下拉手势，同时用refreshing状态控制指示器显示：

val refreshing by remember { mutableStateOf(true) }
val pullRefreshState = rememberPullRefreshState(
    refreshing = refreshing,
    onRefresh = {} // 空实现，避免误触发刷新逻辑
)

PullRefresh(
    state = pullRefreshState,
    enabled = false, // 核心：禁用下拉手势
    modifier = Modifier.fillMaxSize()
) {
    // 你的页面内容
    Column(
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Text("当前处于刷新状态，无法下拉触发新的刷新")
    }
}

场景2：单独使用PullRefreshIndicator（对应你的示例代码） #

如果是单独使用刷新指示器，需要手动拦截页面的触摸手势，防止用户拖动触发下拉动作：

val refreshing by remember { mutableStateOf(true) }
val pullRefreshState = rememberPullRefreshState(
    refreshing = refreshing,
    onRefresh = {}
)

Box(modifier = Modifier.fillMaxSize()) {
    // 内容区域：添加pointerInput拦截所有触摸手势
    Column(
        modifier = Modifier
            .fillMaxSize()
            .pointerInput(Unit) {
                awaitPointerEventScope {
                    // 一直拦截触摸事件，阻止下拉手势传递
                    while (true) {
                        awaitPointerEvent()
                    }
                }
            },
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Text("无法下拉，但刷新动画正常展示")
    }

    // 刷新指示器
    PullRefreshIndicator(
        refreshing = refreshing,
        state = pullRefreshState,
        modifier = Modifier.align(Alignment.TopCenter)
    )
}

关键注意点 #

• 将rememberPullRefreshState的onRefresh设为空方法，确保即使手势意外生效也不会触发刷新逻辑
• 通过PullRefresh的enabled参数或pointerInput拦截手势，实现禁用下拉的核心需求
• 只要refreshing状态为true，PullRefreshIndicator就会正常显示刷新动画

内容的提问来源于stack exchange，提问作者user924