Change to drawWithCache.

Author: riggaroo

Jetsnack/app/src/main/java/com/example/jetsnack/ui/snackdetail/SnackDetail.kt

@@ -57,6 +57,7 @@ import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.blur
+import androidx.compose.ui.draw.drawWithCache
 import androidx.compose.ui.geometry.Offset
 import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.TileMode
@@ -137,19 +138,23 @@ private fun Header() {
         label = "offset"
     )
 
-    val brushSize = 400f
-    val brush = Brush.linearGradient(
-        colors = brushColors,
-        start = Offset(offset, offset),
-        end = Offset(offset + brushSize, offset + brushSize),
-        tileMode = TileMode.Mirror
-    )
     Spacer(
         modifier = Modifier
             .height(280.dp)
             .fillMaxWidth()
             .blur(40.dp)
-            .background(brush)
+            .drawWithCache {
+                val brushSize = 400f
+                val brush = Brush.linearGradient(
+                    colors = brushColors,
+                    start = Offset(offset, offset),
+                    end = Offset(offset + brushSize, offset + brushSize),
+                    tileMode = TileMode.Mirror
+                )
+                onDrawBehind {
+                    drawRect(brush)
+                }
+            }
 
     )
 }