-
Notifications
You must be signed in to change notification settings - Fork 1
/
PulsingHeart.kt
48 lines (45 loc) · 1.54 KB
/
PulsingHeart.kt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
import androidx.compose.animation.core.*
import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.*
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Favorite
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
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.tooling.preview.Preview
import androidx.compose.ui.unit.dp
@Composable
@Preview
fun PulsingHeart() {
//change it according to your preference
val initialPulseSize = 40f
val targetPulseSize = 50f
val infiniteTransition = rememberInfiniteTransition()
val pulseMagnitude by infiniteTransition.animateFloat(
initialValue = initialPulseSize,
targetValue = targetPulseSize,
animationSpec = infiniteRepeatable(
animation = tween(500, easing = FastOutSlowInEasing),
repeatMode = RepeatMode.Restart
)
)
Row(
modifier = Modifier
.fillMaxWidth()
.height(55.dp),
horizontalArrangement = Arrangement.Center
) {
Image(
modifier = Modifier
.align(Alignment.CenterVertically)
.height(pulseMagnitude.dp)
.width(pulseMagnitude.dp),
imageVector = Icons.Default.Favorite,
contentDescription = "",
colorFilter = ColorFilter.tint(color = Color.Red)
)
}
}