Jetpack Compose中Pull To Refresh仅在Lazy Column/Row生效问题求助

问题根源在于上方静态布局（占据屏幕60%的Row/Column）没有将垂直下拉手势传递给PullToRefresh的状态处理器，只有可滚动的LazyColumn默认会配合PullRefresh的手势逻辑。

解决方案 #

给上方的静态布局添加nestedScroll修饰符，关联到PullRefresh的滚动连接，让静态区域的下拉手势也能触发刷新行为。

修改后的完整代码示例：

val pullRefreshState = rememberPullRefreshState(
    refreshing = isLoading,
    onRefresh = viewModel::getAllAssetsValue
)

Box(
    modifier = modifier
        .fillMaxSize()
        .pullRefresh(pullRefreshState)
) {
    // 占据屏幕60%的静态布局区域
    Column(
        modifier = Modifier
            .fillMaxWidth()
            .weight(0.6f)
            // 关键：添加该修饰符，将手势传递给PullRefresh
            .nestedScroll(pullRefreshState.nestedScrollConnection)
    ) {
        // 你的Row元素内容
        // ...
    }

    // 下方的LazyColumn区域
    LazyColumn(
        modifier = Modifier
            .fillMaxWidth()
            .weight(0.4f)
    ) {
        // 列表项内容
        // ...
    }

    PullRefreshIndicator(
        refreshing = isLoading,
        state = pullRefreshState,
        modifier = Modifier.align(Alignment.TopCenter)
    )
}

原理说明 #

• pullRefreshState.nestedScrollConnection是PullRefresh提供的滚动连接对象，它会监听子布局的垂直拖拽事件，并将事件传递给PullRefresh的状态管理逻辑。
• 最外层的Box已经设置了.pullRefresh(pullRefreshState)，确保整个屏幕范围都能响应刷新触发逻辑，只要子布局将手势传递上来即可。

内容的提问来源于stack exchange，提问作者Chandra Sekhar Bala