手动拉入 PullToRefresh 不起作用（使用可复制示例）

Question

我试图从材料库中实现 PullToRefresh 组件，但即使是 1 对 1 复制谷歌自己的代码，滑动也不会触发任何东西。 https://developer.android.com/reference/kotlin/androidx/compose/material/pullrefresh/package-summary.html

我已经能够将他们的代码减少到最少的可复制样本。 如果您手动将其设置为 true，加载程序将显示，但不会在滑动时触发。

该视图不期望任何其他内容，因为无论 Box 组件中还有什么内容，加载程序都应该显示。

import androidx.compose.foundation.layout.*
import androidx.compose.material.ExperimentalMaterialApi
import androidx.compose.material.pullrefresh.PullRefreshIndicator
import androidx.compose.material.pullrefresh.pullRefresh
import androidx.compose.material.pullrefresh.rememberPullRefreshState
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview

@OptIn(ExperimentalMaterialApi::class)
@Composable
fun PullToRefreshComposableTEST() {

    var loading by remember {
        mutableStateOf(true)
    }

    val pullRefreshState = rememberPullRefreshState(
        refreshing = loading,
        onRefresh = {
            loading = true
        })

    Box(
        Modifier.fillMaxSize().pullRefresh(pullRefreshState)
    ) {
        PullRefreshIndicator(
            modifier = Modifier.align(Alignment.TopCenter),
            refreshing = loading,
            state = pullRefreshState
        )
    }
}

@Preview(showSystemUi = true)
@Composable
private fun Preview() {
    PullToRefreshComposableTEST()
}

Answer 1

不确定什么不起作用，但基于此

如果您手动将其设置为 true，加载程序将显示，但不会在滑动时触发。

我假设当您尝试将其拉下时， PullRefresh没有显示。

根据文档，

... 内容需要“垂直滚动”，以便 SwipeRefresh() 能够对滑动手势做出反应。 LazyColumn 等布局可以自动垂直滚动，但 Column 或 LazyRow 等其他布局则不能。 在这些情况下，您可以提供一个 Modifier.verticalScroll 修饰符……

只需在您的Box上添加一个垂直滚动条，这样您就可以将其下拉

您修改后的代码：

@OptIn(ExperimentalMaterialApi::class)
@Composable
fun PullToRefreshComposableTEST() {

    var loading by remember {
        mutableStateOf(false)
    }

    val pullRefreshState = rememberPullRefreshState(
        refreshing = loading,
        onRefresh = {
            loading = !loading
        })

    Box(
        Modifier
            .fillMaxSize()
            .pullRefresh(pullRefreshState)
            .verticalScroll(rememberScrollState())
    ) {
        PullRefreshIndicator(
            modifier = Modifier.align(Alignment.TopCenter),
            refreshing = loading,
            state = pullRefreshState
        )
    }
}