Added fadedEdge compose extension (#375)

Author: ComicSAS

core/ui/src/main/java/com/shifthackz/aisdv1/core/extensions/ComposableExtensions.kt

@@ -3,13 +3,21 @@ package com.shifthackz.aisdv1.core.extensions
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.material3.LocalTextStyle
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.drawWithContent
+import androidx.compose.ui.graphics.BlendMode
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.CompositingStrategy
+import androidx.compose.ui.graphics.graphicsLayer
 import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.rememberTextMeasurer
 import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
 import com.shifthackz.aisdv1.core.common.extensions.EmptyLambda
 
 @Composable
@@ -25,3 +33,20 @@ fun measureTextWidth(text: String, style: TextStyle = LocalTextStyle.current): D
     val widthInPixels = textMeasurer.measure(text, style).size.width
     return with(LocalDensity.current) { widthInPixels.toDp() }
 }
+
+@Composable
+fun Modifier.fadedEdge(color: Color = MaterialTheme.colorScheme.background, gradientOffset: Dp = 0.dp) =
+    graphicsLayer(compositingStrategy = CompositingStrategy.Offscreen)
+        .drawWithContent {
+            drawContent()
+            drawRect(
+                brush = Brush.verticalGradient(
+                    startY = gradientOffset.toPx(),
+                    colors = listOf(
+                        color,
+                        Color.Transparent,
+                    )
+                ),
+                blendMode = BlendMode.DstIn,
+            )
+        }

presentation/src/main/java/com/shifthackz/aisdv1/presentation/screen/donate/DonateScreen.kt

@@ -3,7 +3,6 @@
 package com.shifthackz.aisdv1.presentation.screen.donate
 
 import androidx.compose.animation.AnimatedContent
-import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
@@ -38,7 +37,6 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.draw.drawBehind
 import androidx.compose.ui.geometry.CornerRadius
-import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.platform.LocalContext
@@ -49,6 +47,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.shifthackz.aisdv1.core.common.extensions.openUrl
+import com.shifthackz.aisdv1.core.extensions.fadedEdge
 import com.shifthackz.aisdv1.domain.entity.Supporter
 import com.shifthackz.aisdv1.presentation.widget.item.SupporterItem
 import com.shifthackz.android.core.mvi.MviComponent
@@ -175,11 +174,12 @@ private fun DonateScreenContent(
         ) { contentVisible ->
             if (contentVisible) {
                 if (state.supporters.isNotEmpty()) {
+                    val shadowHeight = 150.dp
                     Box(
-                        modifier = Modifier.fillMaxSize(),
+                        modifier = Modifier.fillMaxSize()
+                            .fadedEdge(gradientOffset = shadowHeight),
                         contentAlignment = Alignment.BottomCenter,
                     ) {
-                        val shadowHeight = 150.dp
                         LazyColumn(
                             modifier = Modifier.fillMaxSize(),
                         ) {
@@ -227,19 +227,6 @@ private fun DonateScreenContent(
                                 Spacer(modifier = Modifier.height(shadowHeight + 32.dp))
                             }
                         }
-                        val shadowGradient = Brush.verticalGradient(
-                            listOf(
-                                Color.Transparent,
-                                MaterialTheme.colorScheme.background,
-                            )
-                        )
-                        Canvas(
-                            modifier = Modifier
-                                .fillMaxWidth()
-                                .height(shadowHeight),
-                        ) {
-                            drawRect(shadowGradient)
-                        }
                     }
                 }
             } else {