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.

Este contenido está restringido.
HAZTE PREMIUM
para difrutar de los audios y vídeos exclusivos.

¿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