I am trying to draw a gradient on the integrity of the screen as a fixed layer for some reason I am not getting any preview am I doing this wrong ```Box modifier = Modifier height 100 dp width 100 dp drawBehind HorizontalGradient 0 0f to Color Red 0 5f to Color Green 1 0f to Color Blue startX = 0 0f endX = 100 0f ```

I am trying to draw a gradient on the integrity of the scree kotlinlang #compose

10/25/2020, 4:39 PM

I am trying to draw a gradient on the integrity of the screen as a fixed layer, for some reason I am not getting any preview, am I doing this wrong?

Box(modifier = Modifier.height(100.dp).width(100.dp).drawBehind {
        HorizontalGradient(
            0.0f to Color.Red,
            0.5f to Color.Green,
            1.0f to Color.Blue,
            startX = 0.0f,
            endX = 100.0f
        )
    })

never mind the

height

width

i am setting on the example

10/25/2020, 6:05 PM

HorizontalGradient

is a factory function for a gradient

Brush

. It's returning an object that you are not using. Save it in a

val

and use it as a

Brush

argument to one or more

draw*

functions in the

drawBehind

You can also use

drawWithCache

to give yourself a place to create brushes and similar once, or only when they change, rather than every time it draws:

Modifier.drawWithCache {
        val brush = HorizontalGradient(...)
        onDraw {
            drawCircle(brush, ...)
        }
    }

10/25/2020, 6:33 PM

You can also use

size

DrawScope

for the width or height for your startX or endX

10/25/2020, 7:29 PM

@Adam Powell that’s exactly what i was looking for. Thanks a lot!

@Se7eN nice trick! love it