【JetpackCompose】Canvasで作った円形の背景にグラデーションを設定する方法

前回は通常の画面の背景にグラデーションを設定しましたが、今回は円形の背景にグラデーションを設定してみようと思います。

CircleGradation.kt

@Composable
fun CircleGradation() {
    Canvas(
        modifier = Modifier.size(80.dp),
        onDraw = {
            drawCircle(
                Brush.verticalGradient(
                    listOf(
                        Color.Blue,
                        Color.White
                    )
                )
            )
        }
    )
}

前回と同じくBrushを作成してdrawCircle設定します。

こんな感じになりました。
サイズやカラーは自由に変更してください！