Trying to draw `Text` with a horizontal gradient. After much trial and error, found that this works ...

# compose

[Tash]

Trying to draw Text with a horizontal gradient. After much trial and error, found that this works only if I specify alpha = 0.99f in the graphicsLayer (output in 🧵)

Can someone explain why? 😖

Text(
    text = "$ 20",
    modifier = Modifier.graphicsLayer(alpha = 0.99f)
        .drawWithCache {
            val brush = Brush.horizontalGradient(listOf(StartColor, EndColor))
            onDrawWithContent {
                drawContent()
                drawRect(brush, blendMode = BlendMode.SrcAtop)
            }
        },
)

[Tash]

output

[Albert Chang]

https://kotlinlang.slack.com/archives/CJLTWPH7S/p1614888420303300?thread_ts=1614851838.228000&cid=CJLTWPH7S

[Tash]

Oh wow, I thought I was going crazy! Thanks 😅

[Colton Idle]

@Tash how'd this end up working for you. I got some acceptance criteria to build this out today and wanted to give your code a shot.

[Tash]

It worked: https://github.com/drinkthestars/compose-lab/blob/b049a5b3bf8bed41e176c530736de9b0[…]c/main/kotlin/com/goofy/goober/composelab/casestudy/PlantApp.kt

[Colton Idle]

oh wayyy cool. repo. love the pokemon card!