radialGradientBackground

Function
Android
public fun CurvedModifier.radialGradientBackground(
    vararg colorStops: Pair<Float, Color>,
    cap: StrokeCap = StrokeCap.Butt,
): CurvedModifier

Specifies a radial gradient background for a curved element.

Parameters
colorStops Colors and their offset in the gradient area. Note that the offsets should be in ascending order. 0 means the outer curve and 1 means the inner curve of the curved element.
cap How to start and end the background.
Android
public fun CurvedModifier.radialGradientBackground(
    colors: List<Color>,
    cap: StrokeCap = StrokeCap.Butt,
): CurvedModifier

Specifies a radial gradient background for a curved element.

Parameters
colors Colors in the gradient area. Gradient goes from the outer curve to the inner curve of the curved element.
cap How to start and end the background.

Code Examples

CurvedBackground

@Composable
fun CurvedBackground() {
    CurvedLayout(modifier = Modifier.fillMaxSize()) {
        basicCurvedText(
            "Radial",
            style = { CurvedTextStyle(fontSize = 16.sp, color = Color.Black) },
            modifier =
                CurvedModifier.radialGradientBackground(0f to Color.White, 1f to Color.Black)
                    .padding(5.dp),
        )
        basicCurvedText(
            "Angular",
            style = { CurvedTextStyle(fontSize = 16.sp, color = Color.Black) },
            modifier =
                CurvedModifier.angularGradientBackground(0f to Color.White, 1f to Color.Black)
                    .padding(5.dp),
        )
    }
}