Как показать сетку из четырех карт одинакового размера? ⇐ Android

[Anonymous]

Мне нужно разместить карточки на экране, как на картинке, но я не могу и не знаю почему. Я пробовал с функцией и без нее, со столбцами и строками и без них. Я новичок в создании реактивного ранца и просто прохожу курс Android Studio по созданию реактивного ранца, и это упражнение по расположению изображений/карточек на экране
упражнение
Чего я пытаюсь достичь:


Это мой код:

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

class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
enableEdgeToEdge()
setContent {
CardTheme {
Surface(
modifier = Modifier.fillMaxSize()
){
MainScreen()
}

}
}
}
}

@Composable
fun MainScreen(){
Column(
modifier = Modifier.fillMaxSize()
.padding(16.dp)
) {
Row(
modifier = Modifier
.weight(1f)
.fillMaxSize(),

) {
Card(
title = "Titulo",
description = "Descriçao",
backGroundColor = Color(0xFFEADDFF),
modifier = Modifier.weight(1f)
.fillMaxHeight()

)
Card(
title = "Titulo 2",
description = "Descrição 2",
backGroundColor = Color(0xFFD0BCFF),
modifier = Modifier
.weight(1f)
.fillMaxHeight()
)

}
Row (
modifier = Modifier
.weight(1f)
.fillMaxWidth(),
){
Card(
title = "Titulo 3",
description = "Descrição 3",
backGroundColor = Color(0xFFB69DF8),
modifier = Modifier.weight(1f)
.fillMaxHeight()
)
Card(
title = "Titulo 4",
description = "Descrição 4",
backGroundColor = Color(0xFFF6EDFF),
modifier = Modifier.weight(1f)
.fillMaxHeight()
)

}

}

}

@Composable
private fun Card(
title: String,
description: String,
backGroundColor: Color,
modifier: Modifier
){
Column(
modifier = Modifier
.padding(16.dp)
.background(backGroundColor),
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally
) {
Text(
text = title,
modifier = Modifier.padding(bottom = 16.dp),
fontWeight = FontWeight.Bold
)
Text(
text = description,
textAlign = TextAlign.Justify
)
}
}

Я пробовал использовать все известные мне функции modifier =Modifier и некоторые новые для меня, но так и не смог получить желаемый результат. Мой текущий вывод выглядит следующим образом:



Подробнее здесь: https://stackoverflow.com/questions/792 ... ized-cards