Hey folks! I’m trying to add a shadow to a `Box` w...

# compose

[gpaligot]

Hey folks!
I’m trying to add a shadow to a Box with a CircleShape . My shadow is displayed but it isn’t the same shadow applied around all my shape. Can it be possible to avoid a bigger shadow at the bottom and to have the exact same shadow around all the box?

@Composable
fun CircleProgress(
    angle: Int
) {
    Box(
        Modifier
            .fillMaxSize()
            .padding(80.dp)
            .shadow(elevation = 8.dp, shape = CircleShape)
            .background(color = Color.White, shape = CircleShape)
            .padding(10.dp)
            .drawBehind {
                drawArc(
                    color = Color.Red,
                    startAngle = -90f,
                    sweepAngle = angle.toFloat(),
                    useCenter = false,
                    style = Stroke(width = 30f, cap = StrokeCap.Round)
                )
            }
    )
}

Thanks in advance!

[romainguy]

Elevation shadows use a light source positioned by the system that’s towards the top of the screen

[romainguy]

In recent versions of Android you can move the light source position though (but only if you create your own renderer I believe)

[gpaligot]

Guess I don’t have another choice to create a shadow without worrying about the positioning of the light source?

[romainguy]

You could generate a shadow yourself (circular gradient, image, etc.)

[romainguy]

But in general I would recommend using the standard shadow system to remain consistent throughout the app and the rest of the system

[romainguy]

(you’ll also notice that shadows will be different depending on where your shadow caster is on screen since we take the position of the light into account)

[gpaligot]

Yes, I tried to use a circular gradient but the render isn’t perfect.

[gpaligot]

I’m agree that in most case, using standard shadow system is better than custom shadow but there is some cases where a light source in the middle of the screen can be great.. ^^

[Yusuf Ibragimov]

maybe find drop shadow effect i think it is available in compose, i was read that before