Hi, I tried to find here how someone solve PullRef...

# compose

[yogaboy]

Hi, I tried to find here how someone solve PullRefreshIndicator but unsuccessfully. I try to migrate to material from accompanist and in material is not LinearProgressIndicator 🤷. And if I see correctly there is only CircularProgressIndicator. Is anyway how to rewrite it to material way or it is so early? Thanks! ❤️ ✏️

[Andrew Neal]

You can use a custom indicator, here's a sample with `LinearProgressIndicator`:
https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/[…]/androidx/compose/material/samples/PullRefreshSamples.kt;l=91

[yogaboy]

@Andrew Neal Thats nice, but … accompanist state has

swipeRefreshState.indicatorOffset

and pullRefreshState has everything private or internal 😢 . Now I am not able to measure how far I pull .. coz I used it to drawRect indicator and when it was on the entire width of the screen, then linear progress indicator started and the pull was performed

[yogaboy]

aka

onDrawBehind {
    val distance = refreshTriggerDistance.toPx()
    val progress = (swipeRefreshState.indicatorOffset / distance).coerceIn(0f, 1f)

[Andrew Neal]

You'll just want to track the state yourself now - that sample shows you how to.

Create some state to keep track of your progress:

var currentDistance by remember { mutableStateOf(0f) }
val progress = currentDistance / threshold

Calculate the current drag distance:

fun onPull(pullDelta: Float): Float = when {
    refreshing -> 0f
    else -> {
        val newOffset = (currentDistance + pullDelta).coerceAtLeast(0f)
        val dragConsumed = newOffset - currentDistance
        currentDistance = newOffset
        dragConsumed
    }
}

Pass your callback into `Modifier.pullRefresh`:

Modifier.pullRefresh(::onPull, ::onRelease)

[yogaboy]

you are faster than lightning! 😄 I just understood it from that example, I wanted to delete it here and you already wrote it here for me too ... thank you very much! I love this community ❤️