更新

app/src/main/java/com/aiosman/riderpro/ui/composables/AnimatedFavouriteButton.kt

@@ -0,0 +1,68 @@
+package com.aiosman.riderpro.ui.composables
+
+import androidx.compose.animation.animateColorAsState
+import androidx.compose.animation.core.Animatable
+import androidx.compose.animation.core.tween
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Box
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.graphics.graphicsLayer
+import androidx.compose.ui.res.painterResource
+import com.aiosman.riderpro.R
+import com.aiosman.riderpro.ui.modifiers.noRippleClickable
+import kotlinx.coroutines.launch
+
+@Composable
+fun AnimatedFavouriteIcon(
+    modifier: Modifier = Modifier,
+    isFavourite: Boolean = false,
+    onClick: (() -> Unit)? = null
+) {
+    val animatableRotation = remember { Animatable(0f) }
+    val animatedColor by animateColorAsState(targetValue = if (isFavourite) Color(0xFFd83737) else Color.Black)
+    val scope = rememberCoroutineScope()
+    suspend fun shake() {
+        repeat(2) {
+            animatableRotation.animateTo(
+                targetValue = 10f,
+                animationSpec = tween(100)
+            ) {
+
+            }
+            animatableRotation.animateTo(
+                targetValue = -10f,
+                animationSpec = tween(100)
+            ) {
+
+            }
+
+        }
+        animatableRotation.animateTo(
+            targetValue = 0f,
+            animationSpec = tween(100)
+        )
+    }
+    Box(contentAlignment = Alignment.Center, modifier = Modifier.noRippleClickable {
+        onClick?.invoke()
+        // Trigger shake animation
+        scope.launch {
+            shake()
+        }
+    }) {
+        Image(
+            painter = painterResource(id = R.drawable.rider_pro_favoriate),
+            contentDescription = "Like",
+            modifier = modifier.graphicsLayer {
+                rotationZ = animatableRotation.value
+            },
+            colorFilter = ColorFilter.tint(animatedColor)
+        )
+    }
+}

app/src/main/java/com/aiosman/riderpro/ui/composables/RelPostCard.kt

@@ -9,19 +9,19 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.unit.dp
 import coil.compose.AsyncImage
-import com.aiosman.riderpro.model.MomentItem
+import com.aiosman.riderpro.model.MomentEntity
 import com.aiosman.riderpro.ui.index.tabs.moment.MomentTopRowGroup
 
 @Composable
 fun RelPostCard(
-    momentItem: MomentItem,
+    momentEntity: MomentEntity,
     modifier: Modifier = Modifier,
 ) {
-    val image = momentItem.images.firstOrNull()
+    val image = momentEntity.images.firstOrNull()
     Column(
         modifier = modifier
     ) {
-        MomentTopRowGroup(momentItem = momentItem)
+        MomentTopRowGroup(momentEntity = momentEntity)
         Box(
             modifier=Modifier.padding(horizontal = 16.dp, vertical = 8.dp)
         ) {