how to set value to a remember val and not recompose

Question

Blow the code, I want to set value to currentDegree on animate end, but when I do it, it recomposes. How to make it not recompose?

    @Composable
    fun RotateImageCompose(width: Dp, height: Dp, resId: Int, targetDegree: Float) {
        val currentDegree = remember { mutableStateOf(0f) }

        var diff = currentDegree.value - targetDegree
        .
        .
        .

        val dregree by animateFloatAsState(targetValue = diff, animationSpec = tween(
            easing = LinearEasing,
            durationMillis = 180
        ), finishedListener = {
            //this code cause the issue
            currentDegree.value = it
        })

        Image(
            painter = painterResource(id = resId),
            contentDescription = null,
            modifier = Modifier
                .rotate(dregree)
                .size(width, height)
        )
    }

score 0 · Answer 1 · answered Mar 17 '21 at 09:30

0

Just use :

val currentDegree = remember {0f}

That way your value is immutable.

Please look here for a detailed explanation: https://stackoverflow.com/a/66178263/5513788

answered Mar 17 '21 at 09:30

Code Poet

6,222
2
29
50

In your way, currentDegree is always 0f. But I need change it and remember it but not trigger recompose – user1419851 Mar 18 '21 at 01:35

score 0 · Accepted Answer · answered Apr 08 '21 at 03:36

0

I save the value outside the compose

answered Apr 08 '21 at 03:36

user1419851

131
1
1
6

how to set value to a remember val and not recompose

2 Answers2