How do I make something like this but wrap the height to get rid of the extra space? I understand it...

# compose

[Se7eN]

How do I make something like this but wrap the height to get rid of the extra space?
I understand it's because of the aspectRatio(1f) but whatever height I use, the arc only fills half of it. Code in thread.

[Se7eN]

Canvas(
    modifier = modifier
        .background(Color.Blue)
        .aspectRatio(1f)
        .padding(24.dp)
) {
    drawArc(
        brush = Brush.sweepGradient(
            0.5f to Color.Red,
            1f to Color.Green
        ),
        startAngle = 0f,
        sweepAngle = -180f,
        useCenter = false,
        style = Stroke(width = 100f)
    )
}

[Albert Chang]

You need to specify size = Size(this.size.width, this.size.height * 2).

[Se7eN]

Oh got it. Thanks!