Как нарисовать дугу с изображениями и внутренним содержимым в Compose? ⇐ Android

[Anonymous]

Меня пытались сделать это в Compose:


Но когда я начал пытаться добавлять изображения, я действительно не знал, как продолжать, все изображения можно рисовать
Вот что я пробовал:

Код: Выделить всё

@Composable
fun ZMTBottomSelector(modifier: Modifier = Modifier) {
Box(
modifier = modifier
.shadow(8.dp, clip = true, shape = ZMTArcShape())
.background(color = Color.White),
) {
Button(
onClick = { },
modifier = Modifier
.align(Alignment.TopCenter)
.padding(top = 120.dp),
) {
Text(text = "Continuar")
}
Canvas(modifier = Modifier.fillMaxSize()) {

}
}
/*Canvas(
modifier = modifier
.padding(top = 16.dp),
) {
val newSize = Size(width = size.width * 2, height = size.width * 2)
drawArc(
color = Color.White,
startAngle = 0f,
sweepAngle = 360f,
useCenter = false,
size = newSize,
topLeft = Offset(-(size.width / 2), 0f),
)
}*/
}

Код ZMTArchShape:

Код: Выделить всё

class ZMTArcShape : Shape {
override fun createOutline(
size: Size,
layoutDirection: LayoutDirection,
density: Density,
): Outline {
val newSize = Size(size.width * 2, size.width * 2)
val path = Path().apply {
val rect = Rect(offset = Offset(-(size.width / 2), 0f), size = newSize)
addArc(
oval = rect,
startAngleDegrees = 0f,
sweepAngleDegrees = 360f,
)
}
return Outline.Generic(path)
}
}

И вот как это выглядит:
[img]https://i.sstatic.net /eAyChuZv.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/784 ... in-compose