Установите половинки карты друг на друга. ⇐ Android

[Anonymous]

Я пытался настроить карту в Jet Compose Android таким образом, чтобы она располагала половину поверх одного макета, а другую половину — над другим макетом, как показано на рисунках ниже.
[img]https:// i.sstatic.net/WxFDhqjw.png[/img]

Я уже пробовал следовать коду

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

@Composable
fun HomeUI(modifier: Modifier = Modifier) {
Column {
Box(
modifier = modifier
.background(colorResource(id = R.color.colorPrimary))
.defaultMinSize(minHeight = 150.dp)
.fillMaxWidth()
) {
Text(
text = "Sign Up",
color = colorResource(id = R.color.white),
modifier = Modifier
.padding(16.dp),
textAlign = TextAlign.Center,
)
Row(modifier = Modifier.align(Alignment.BottomStart)) {
for (i in 1..3) {
Card(
colors = CardDefaults.cardColors(
containerColor = MaterialTheme.colorScheme.surfaceVariant
),
) {
Column {
Image(
modifier = Modifier
.align(Alignment.CenterHorizontally)
.padding(5.dp),
painter = painterResource(id = R.drawable.sedan),
contentDescription = "City Rides",
)
Text(
text = "City Rides",
modifier = Modifier
.padding(16.dp)
.align(Alignment.CenterHorizontally),
textAlign = TextAlign.Center,
)
}

}
}
}
}
}

Но не смог добиться того же. Несколько предложений!
Это мой результат
[img]https://i.sstatic .net/kFsHZwb8.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/791 ... her-layout