更新图片缓存

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

@@ -0,0 +1,81 @@
+package com.aiosman.riderpro.ui.composables
+
+import android.content.Context
+import android.graphics.drawable.BitmapDrawable
+import androidx.compose.foundation.layout.BoxWithConstraints
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalContext
+import androidx.core.graphics.drawable.toDrawable
+import coil.ImageLoader
+import coil.annotation.ExperimentalCoilApi
+import coil.compose.AsyncImage
+import coil.request.ImageRequest
+import com.aiosman.riderpro.utils.BlurHashDecoder
+import com.aiosman.riderpro.utils.Utils.getImageLoader
+
+private const val DEFAULT_HASHED_BITMAP_WIDTH = 4
+private const val DEFAULT_HASHED_BITMAP_HEIGHT = 3
+
+/**
+ * This function is used to load an image asynchronously and blur it using BlurHash.
+ * @param imageUrl The URL of the image to be loaded.
+ * @param modifier The modifier to be applied to the image.
+ * @param imageModifier The modifier to be applied to the image.
+ * @param contentDescription The content description to be applied to the image.
+ * @param contentScale The content scale to be applied to the image.
+ * @param isCrossFadeRequired Whether cross-fade is required or not.
+ * @param onImageLoadSuccess The callback to be called when the image is loaded successfully.
+ * @param onImageLoadFailure The callback to be called when the image is failed to load.
+ * @see AsyncImage
+ */
+@Suppress("LongParameterList")
+@ExperimentalCoilApi
+@Composable
+fun AsyncBlurImage(
+    imageUrl: String,
+    blurHash: String,
+    modifier: Modifier = Modifier,
+    imageModifier: Modifier? = null,
+    contentDescription: String? = null,
+    contentScale: ContentScale = ContentScale.Fit,
+    isCrossFadeRequired: Boolean = false,
+    onImageLoadSuccess: () -> Unit = {},
+    onImageLoadFailure: () -> Unit = {}
+) {
+    val context = LocalContext.current
+    val resources = context.resources
+    val imageLoader = getImageLoader(context)
+
+    val blurBitmap by remember(blurHash) {
+        mutableStateOf(
+            BlurHashDecoder.decode(
+                blurHash = blurHash,
+                width = DEFAULT_HASHED_BITMAP_WIDTH,
+                height = DEFAULT_HASHED_BITMAP_HEIGHT
+            )
+        )
+    }
+
+    AsyncImage(
+        modifier = imageModifier ?: modifier,
+        model = ImageRequest.Builder(context)
+            .data(imageUrl)
+            .crossfade(isCrossFadeRequired)
+            .placeholder(
+                blurBitmap?.toDrawable(resources)
+            )
+            .fallback(blurBitmap?.toDrawable(resources))
+            .build(),
+        contentDescription = contentDescription,
+        contentScale = contentScale,
+        onSuccess = { onImageLoadSuccess() },
+        onError = { onImageLoadFailure() },
+        imageLoader = imageLoader
+    )
+}

app/src/main/java/com/aiosman/riderpro/ui/index/tabs/moment/Moment.kt

@@ -59,7 +59,6 @@ import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import androidx.paging.LoadState
 import androidx.paging.compose.collectAsLazyPagingItems
-import coil.compose.AsyncImage
 import com.aiosman.riderpro.LocalAnimatedContentScope
 import com.aiosman.riderpro.LocalNavController
 import com.aiosman.riderpro.LocalSharedTransitionScope
@@ -71,9 +70,9 @@ import com.aiosman.riderpro.ui.comment.CommentModalContent
 import com.aiosman.riderpro.ui.composables.AnimatedCounter
 import com.aiosman.riderpro.ui.composables.AnimatedFavouriteIcon
 import com.aiosman.riderpro.ui.composables.AnimatedLikeIcon
+import com.aiosman.riderpro.ui.composables.AsyncBlurImage
 import com.aiosman.riderpro.ui.composables.CustomAsyncImage
 import com.aiosman.riderpro.ui.composables.RelPostCard
-import com.aiosman.riderpro.ui.imageviewer.ImageViewerViewModel
 import com.aiosman.riderpro.ui.modifiers.noRippleClickable
 import com.aiosman.riderpro.ui.post.NewPostViewModel
 import com.google.accompanist.systemuicontroller.rememberSystemUiController
@@ -353,6 +352,18 @@ fun PostImageView(
         ) { page ->
             val image = images[page]
             with(sharedTransitionScope) {
+//                AsyncBlurImage(
+//                    imageUrl = image.url,
+//                    blurHash = image.blurHash ?: "",
+//                    contentDescription = "Image",
+//                    contentScale = ContentScale.Crop,
+//                    modifier = Modifier
+//                        .sharedElement(
+//                            rememberSharedContentState(key = image),
+//                            animatedVisibilityScope = animatedVisibilityScope
+//                        )
+//                        .fillMaxSize()
+//                )
                 CustomAsyncImage(
                     context,
                     image.thumbnail,