Jetpack Compose Gradient #194

Like this gradient? Remix

2 hours

Color Stops

Stop	Preview	Hex	Compose Color
17%
52%
100%

Jetpack Compose Code

Modifier.drawWithCache {
    val angle = Math.toRadians(0.0)
    val direction = Offset(sin(angle).toFloat(), -cos(angle).toFloat())
    val length = size.width * abs(direction.x) + size.height * abs(direction.y)
    val brush = Brush.linearGradient(
        colorStops = arrayOf(
            0.17f to Color(0xFF0A0A0A),
            0.52f to Color(0xFF8F8F8F),
            1f to Color(0xFFFFFFFF)
        ),
        start = size.center - direction * (length / 2f),
        end = size.center + direction * (length / 2f)
    )
    onDrawBehind { drawRect(brush) }
}