From 2753aef4da9b90f24d9e060bcb392a2726f8c670 Mon Sep 17 00:00:00 2001
From: ian_clifton <1033551+IanGClifton@users.noreply.github.com>
Date: Fri, 30 May 2025 16:52:36 -0700
Subject: [PATCH] Fix for #533 animated CircleNode modifier

This addresses https://github.com/android/snippets/issues/533 by recreating the Animatable when the node is attached.
---
 .../compose/snippets/modifiers/CustomModifierSnippets.kt      | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/compose/snippets/src/main/java/com/example/compose/snippets/modifiers/CustomModifierSnippets.kt b/compose/snippets/src/main/java/com/example/compose/snippets/modifiers/CustomModifierSnippets.kt
index 7b778ef25..650c4beb8 100644
--- a/compose/snippets/src/main/java/com/example/compose/snippets/modifiers/CustomModifierSnippets.kt
+++ b/compose/snippets/src/main/java/com/example/compose/snippets/modifiers/CustomModifierSnippets.kt
@@ -18,6 +18,7 @@ package com.example.compose.snippets.modifiers
 
 import android.annotation.SuppressLint
 import androidx.compose.animation.core.Animatable
+import androidx.compose.animation.core.AnimationVector1D
 import androidx.compose.animation.core.DecayAnimationSpec
 import androidx.compose.animation.core.RepeatMode
 import androidx.compose.animation.core.animateFloatAsState
@@ -259,7 +260,7 @@ class ScrollableNode :
 object CustomModifierSnippets14 {
     // [START android_compose_custom_modifiers_14]
     class CircleNode(var color: Color) : Modifier.Node(), DrawModifierNode {
-        private val alpha = Animatable(1f)
+        private lateinit var alpha: Animatable<Float, AnimationVector1D>
 
         override fun ContentDrawScope.draw() {
             drawCircle(color = color, alpha = alpha.value)
@@ -267,6 +268,7 @@ object CustomModifierSnippets14 {
         }
 
         override fun onAttach() {
+            alpha = Animatable(1f)
             coroutineScope.launch {
                 alpha.animateTo(
                     0f,