Как нарисовать дугу с изображениями и внутренним содержимым? ⇐ 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 code:

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

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)
}

}```

И вот как это выглядит
мой подход
Как мне достичь такого дизайна?
Это то, что я делаю хочу

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