A煤n no tienes acceso a esta clase

Crea una cuenta y contin煤a viendo este curso

Componentes principales y layouts

7/26
Recursos

Aportes 6

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Puedes descargar la icono de Platzi aqu铆:

En versiones nuevas, una manera de insertar las im谩genes, (si es que te da error en la versi贸n que tienes), puedes agregar a una variable.

val ejemploImagen = painterResource (id = R.drawable.imagen)

column () {
	image (painter = ejemploImagen , contentDescription = null)
}

Por si les marca ERROR a los usuarios de windows o que tengan una version mas nueva a la del video asi queda

fun HelloCompose(){
    //Se ocupa para organizar componentes
    Column {
        androidx.compose.foundation.Image(painterResource(id = R.drawable.aorus)
        , contentDescription = null)
        Text("Este curso es una chingoneria, A Huevo que si!!!!")
        Text("Curso de JetPack Compose :D")
    }

}

Pueden encontrar el c贸digo fuente del proyecto de ejemplo en el siguiente repositorio:

https://github.com/jesus-medina/HelloCompose

Pueden clonar el repositorio o descargar directamente el proyecto.

Sigan las instrucciones para ver el c贸digo final de cada clase y compararlo con el c贸digo que ustedes escriban. As铆 podr谩n verificar que no se les olvid贸 nada.

La convenci贸n en Jetpack Compose es nombrar las funciones con UpperCamelCase. Significa que la primer letra de cada palabra inicia en may煤scula. Ejemplo:

@Composable
fun HelloComposable() {
// ...
}

Column es una funci贸n componible que internamente llama a un Layout. Dentro de la funci贸n Column, el Layout acomoda los elementos de manera vertical de arriba hacia abajo y los alinea de inicio a fin (O izquierda a derecha).

Puedes copiar el c贸digo que est谩 dentro de la funci贸n Column y mandar a llamar la funci贸n Layout con todos los valores que la funci贸n Column ya tiene; pero t煤 decides qu茅 es mejor para ti.

@Composable
inline fun Column(
    modifier: Modifier = Modifier,
    verticalArrangement: Arrangement.Vertical = Arrangement.Top,
    horizontalAlignment: Alignment.Horizontal = Alignment.Start,
    content: @Composable ColumnScope.() -> Unit
) {
    val measurePolicy = columnMeasurePolicy(verticalArrangement, horizontalAlignment)
    Layout(
        content = { ColumnScopeInstance.content() },
        measurePolicy = measurePolicy,
        modifier = modifier
    )
}