Semana 2

You might also like

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 6

Row

ScreenMain()
}
}
}
}
}

@Composable
fun ScreenMain() {
Column(
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.SpaceAround,
modifier = Modifier.fillMaxSize()
) {
Row(
modifier = Modifier
.fillMaxWidth()
.height(200.dp)
.background(Color.Blue),
horizontalArrangement = Arrangement.SpaceBetween
) {
Column(
modifier = Modifier
.background(Color.Cyan)
.width(200.dp)
.background(Color.Magenta)
.fillMaxSize()
) {
Text(text = "columna 1")
}

Column(
modifier = Modifier
.background(Color.Cyan)
.width(200.dp)
.fillMaxSize()
) {
Text(text = "columna 2")
}
}

Column(
modifier = Modifier
.fillMaxWidth()
.height(200.dp)
.background(Color.Green)
) {
Text(text = "columna2")
}

Column(
modifier = Modifier
.fillMaxWidth()
.height(200.dp)
.background(Color.Gray)
) {
Text(text = "columna2")
}
}
}

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
Semana2Theme {
ScreenMain()
}
}
BOX
ScreenMain()
}
}
}
}
}

@Composable
fun ScreenMain() {
Box(
modifier = Modifier
.fillMaxSize()
.background(Color.Red)
){
Text(
modifier = Modifier.align(Alignment.BottomEnd),
text = "inferior derecha"
)
Text(
modifier = Modifier.align(Alignment.BottomStart),
text = "inferior izquierda"
)

}
}

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
Semana2Theme {
ScreenMain()
}
}
ScreenMain()
}
}
}
}
}

@Composable
fun ScreenMain() {
Box (
modifier = Modifier
.fillMaxSize()
.background(Color.Red)
) {
Text(
modifier = Modifier.align(Alignment.BottomEnd),
text = "Inferior derecha")

Text(
modifier = Modifier.align(Alignment.BottomCenter),
text = "Inferior Centro")

Text(
modifier = Modifier.align(Alignment.BottomStart),
text = "Inferior izquierdo")
Text(
modifier = Modifier.align(Alignment.CenterStart),
text = "Centro izquierdo")

Text(
modifier = Modifier.align(Alignment.CenterEnd),
text = "Centro derecho")

Text(
modifier = Modifier.align(Alignment.TopStart),
text = "Superior derecha")

Text(
modifier = Modifier.align(Alignment.TopCenter),
text = "Superior centro")

Text(
modifier = Modifier.align(Alignment.TopEnd),
text = "Superior derecha")
Text(
modifier = Modifier.align(Alignment.Center),
text = "Centro")

}
}
@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
Semana2Theme {
ScreenMain()
}
}

You might also like