IssueTracker

Thanks! Over to Nader to take a detailed look!

I believe we should dup b/187839528 and this ticket, what do you think Nader?

Yes definitely. Thanks Siyamed!

In the meantime there maybe other ways to work around it. The main issue is that surface implicitly creates a seaprate layer which impacts the behavior of the blending modes. Being ale to just set the Brush on the paint directly would work around this in the most straightforward way.

The issue is that the content depends on transparent pixels existing in the scene before the gradient is applied.

To address this you can do the following in order to force rasterization of the graphicsLayer into a separate buffer using CompositingStrategy.Offscreen, then only draw the gradient on top of the pixels rendered by the text Composable.

       Text("Hello World!", modifier =
        // Use offscreen compositing strategy so that there are transparent pixels in the offscreen buffer
        // to blend against with the SrcIn blend mode
            Modifier.graphicsLayer(compositingStrategy = CompositingStrategy.Offscreen).drawWithCache {
                val brush = Brush.horizontalGradient(listOf(Color.Red, Color.Blue, Color.Cyan, Color.Magenta, Color.Green))
                onDrawWithContent {
                    drawContent()
                    drawRect(brush, blendMode = BlendMode.SrcIn)
                }
            }
        )