btw, is anyone besides me having some issues with blend mode on draw modifiers within the components...

# compose

[mgrazianodecastro]

btw, is anyone besides me having some issues with blend mode on draw modifiers within the components of a lazy column? When the scroll reaches the top or bottom of the page the components get the usual stretch, and when that happens the blend overlay effect just dies until the stretch finishes.

[romainguy]

How do you apply the blend mode and what are you blending with?

[romainguy]

Unfortunately the stretch effect forces rendering into a separate layer

[romainguy]

Which prevents from using effects that blend with the "background" sometimes

[romainguy]

(this is not compose specific btw)

[mgrazianodecastro]

This would be a simplification of what I'm working with it:

LazyColumn(...){

...

Box(contentAlignment = Alignment.Center,
    modifier = Modifier.fillMaxWidth(0.84f).drawBehind {
        val path = Path()
        path.addRoundRect(RoundRect(rect = Rect(...)))
        drawPath(path = pathLayer1, blendMode = BlendMode.Overlay, ...)
    }
){

...

}

where each Box would be an element of the lazy column

[romainguy]

Sure but you expect overlay to blend with something that’s that’s behind the lazy column?

[mgrazianodecastro]

oh, I see. Lazy column belongs to a another Box. The first element of this Box is a background image, followed by the lazy column