Merge pull request #4 from skydoves/improve/shimmering

Implement shimmering effect for images
skydoves · Sep 5, 2024 · 0dfe3a9 · 0dfe3a9
2 parents a068449 + d8d21e3
commit 0dfe3a9
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/...m/src/main/kotlin/io/getstream/server/driven/core/designsystem/consumer/ConsumeImageUi.kt b/...m/src/main/kotlin/io/getstream/server/driven/core/designsystem/consumer/ConsumeImageUi.kt
@@ -24,7 +24,10 @@ import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.skydoves.landscapist.ImageOptions
+import com.skydoves.landscapist.components.rememberImageComponent
 import com.skydoves.landscapist.glide.GlideImage
+import com.skydoves.landscapist.placeholder.shimmer.Shimmer
+import com.skydoves.landscapist.placeholder.shimmer.ShimmerPlugin
 import io.getstream.server.driven.core.designsystem.R
 import io.getstream.server.driven.core.designsystem.extension.size
 import io.getstream.server.driven.core.designsystem.preview.MockUtils
@@ -72,6 +75,14 @@ fun ConsumeImageUi(
       contentScale = imageUi.scaleType.toContentScale(),
       contentDescription = imageUi.title
     ),
+    component = rememberImageComponent {
+      +ShimmerPlugin(
+        Shimmer.Resonate(
+          baseColor = ServerDrivenTheme.colors.shimmerBase,
+          highlightColor = ServerDrivenTheme.colors.shimmerHighlight
+        )
+      )
+    },
     previewPlaceholder = painterResource(R.drawable.preview)
   )
 }