AudioCurso Jetpack Compose 2 Layouts
jetpack compose layouts

AudioCurso Jetpack Compose 2 Layouts

Continuamos con el audioCurso de Jetpack Compose. Y lo hacemos explicando el uso de algo fundamental, los layouts.

Los miembros de "Los androides Premium" escuchan contenido adicional en audio sobre este artículo... ¡y otros más de 100!

Suena muy bien

Hay que suscribirse para disfrutar de todo el contenido premium desde la web y la app, así como participar en las actividades premium: videoconferencias y canales premium en Discord.

¿Para qué sirven?

Los layouts sirven para organizar los elementos visuales dentro de la pantalla.

Estos elementos serán composables.

Equivalencia con los antiguos Layouts de XML

Evidentemente hay muchos composables que se van a corresponder con los widgets de XML que teníamos anteriormente.

Esto no quiere decir que por dentro funcionen igual ni mucho menos.

Pero sí que nos interesa conocer las equivalencias para poder ir haciendo las migraciones y para saber qué elemento usar al hacer UI de manera declarativa en Kotlin.

Como curiosidad, comentarte que la conocida penalización que teníamos antes cuando anidábamos muchos elementos en un XML, deja de ser algo que nos tenga que quitar el sueño. Ya que el rendimiento que tiene ahora, es muchísimo mayor.

En esta tabla podemos ver la correspondencia entre algunos de los layouts principales.

XMLJetpack Compose
FrameLayoutBox
LinearLayoutRow, Column
RecyclerViewLazyRow, LazyColumn y LazyVerticalGrid
CoordinatorLayoutScaffold

Pero realmente Jetpack Compose va mucho más allá. Con lo que en el siguiente tema, iremos uno por uno, viendo en qué consisten.

Aparte de esto, si quieres ver una app de ejemplo usando Jetpack Compose, puedes ver el código fuente de la app de la membresía.

Publicado: 2022-10-04 Actualizado: 2023-08-05