IssueTracker

Jetpack Compose version: 1.7.0-alpha01

Jetpack Compose component(s) used: all

Android Studio Build: N/A

Kotlin version: 1.9.22

Steps to Reproduce or Code Sample to Reproduce:

Reproducibility: 100%

object RRitualProgressCardDefaults {

    val MinSize = 52.dp
    val MaxSize = 440.dp
    const val AnimationDurationMs = 600
    const val AnimationDelayMs = 100
    val AnimationEasing = CubicBezierEasing(0.2f, 0f, 0f, 1f)
}

@Composable
fun OngoingRitualPill(
    habit: OngoingRitualHabit?,
    onClick: (ritualId: Uuid) -> Unit,
    modifier: Modifier = Modifier,
) {
    val state = remember { MutableTransitionState(false) }
    LaunchedEffect(habit) {
        state.targetState = habit != null
    }
    val updateTransition = rememberTransition(transitionState = state, label = "ongoing habit pill")
    val width by updateTransition.animateDp(
        transitionSpec = {
            tween(
                durationMillis = AnimationDurationMs,
                delayMillis = AnimationDelayMs,
                easing = AnimationEasing,
            )
        },
        label = "pill size",
        targetValueByState = { visible -> if (visible) MaxSize else MinSize }
    )
    val alpha by updateTransition.animateFloat(
        transitionSpec = {
            keyframes {
                durationMillis = AnimationDurationMs / 2
                delayMillis = AnimationDelayMs
                0f at AnimationDelayMs
                1f at AnimationDurationMs using EaseInOutCubic
            }
        },
        label = "text alpha",
        targetValueByState = { it.toInt().toFloat() }
    )

    AnimatedVisibility(
        visibleState = state,
        enter = slideInVertically { it } + fadeIn(),
        exit = slideOutVertically { it } + fadeOut(),
        modifier = modifier,
    ) {
        if (habit == null) return@AnimatedVisibility
        with(habit) {
            RRitualProgressCard( // no animations inside the composable. Uses AnimatedVisibility internally
                title = title,
                onClick = { onClick(id) },
                textAlpha = alpha,
                modifier = Modifier.sizeIn(maxWidth = width, minHeight = MinSize),
            )
        }
    }
}

Stack trace (if applicable):

Fatal Exception: java.lang.IllegalStateException: No value to animate to at 108 millis
       at androidx.compose.animation.core.VectorizedKeyframesSpec.getValueFromNanos(VectorizedAnimationSpec.kt:434)
       at androidx.compose.animation.core.TargetBasedAnimation.getValueFromNanos(Animation.kt:262)
       at androidx.compose.animation.core.Transition$TransitionAnimationState.onPlayTimeChanged$animation_core_release(Transition.java:1007)
       at androidx.compose.animation.core.Transition.onFrame$animation_core_release(Transition.kt:681)
       at androidx.compose.animation.core.Transition$animateTo$1$1$1.invoke(Transition.kt:842)
       at androidx.compose.animation.core.Transition$animateTo$1$1$1.invoke(Transition.kt:837)
       at androidx.compose.runtime.BroadcastFrameClock$FrameAwaiter.resume(BroadcastFrameClock.java:42)
       at androidx.compose.runtime.BroadcastFrameClock.sendFrame(BroadcastFrameClock.kt:71)
       at androidx.compose.runtime.Recomposer$runRecomposeAndApplyChanges$2$1.invoke(Recomposer.kt:579)
       at androidx.compose.runtime.Recomposer$runRecomposeAndApplyChanges$2$1.invoke(Recomposer.kt:572)
       at androidx.compose.ui.platform.AndroidUiFrameClock$withFrameNanos$2$callback$1.doFrame(AndroidUiFrameClock.android.kt:41)
       at androidx.compose.ui.platform.AndroidUiDispatcher.performFrameDispatch(AndroidUiDispatcher.java:109)
       at androidx.compose.ui.platform.AndroidUiDispatcher.access$performFrameDispatch(AndroidUiDispatcher.java:41)
       at androidx.compose.ui.platform.AndroidUiDispatcher$dispatchCallback$1.doFrame(AndroidUiDispatcher.android.kt:69)
       at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1550)
       at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1561)
       at android.view.Choreographer.doCallbacks(Choreographer.java:1117)
       at android.view.Choreographer.doFrame(Choreographer.java:992)
       at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:1535)
       at android.os.Handler.handleCallback(Handler.java:958)
       at android.os.Handler.dispatchMessage(Handler.java:99)
       at android.os.Looper.loopOnce(Looper.java:257)
       at android.os.Looper.loop(Looper.java:368)
       at android.app.ActivityThread.main(ActivityThread.java:8832)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:572)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1049)