Как выровнять нижнюю строку в Jetpack Compose? ⇐ Android

[Anonymous]

У меня есть столбец с несколькими строками, и я хочу выровнять последнюю строку по низу, но эта строка никогда не располагается внизу экрана, она остается сразу после предыдущей строки:

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

    Column {
// RED BOX
Row(
modifier = Modifier
.fillMaxWidth()
.height(130.dp)
.padding(vertical = 15.dp, horizontal = 30.dp),
verticalAlignment = Alignment.CenterVertically
) {
Column {
Text(
text = stringResource(id = R.string.app_name),
style = TextStyle(fontSize = 40.sp),
color = Color.White
)
Text(
text = stringResource(id = R.string.app_description),
style = TextStyle(fontSize = 13.sp),
fontWeight = FontWeight.Bold,
color = Color.Black
)
}
}

Spacer(
modifier = Modifier
.fillMaxWidth()
.height(15.dp)
)

// GREEN BOX
val currentRoute = currentRoute(navController)
items.forEach { item ->
DrawerItem(item = item, selected = currentRoute == item.route) {
navController.navigate(item.route) {
launchSingleTop = true
}

scope.launch {
scaffoldState.drawerState.close()
}
}
}

Row(
modifier = Modifier
.fillMaxWidth()
.padding(vertical = 15.dp, horizontal = 30.dp),
verticalAlignment = Alignment.Bottom,
horizontalArrangement = Arrangement.Center
) {
Text(
text = BuildConfig.VERSION_NAME,
style = TextStyle(fontSize = 11.sp),
color = Color.Black,
)
}
}

Хочу получить то же, что показываю на картинке. Я хочу, чтобы первая строка (красная), затем вторая строка (зеленая), а затем третья строка, которая помещалась бы в нижней части экрана (синяя)



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