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.
XML | Jetpack Compose |
---|---|
FrameLayout | Box |
LinearLayout | Row, Column |
RecyclerView | LazyRow, LazyColumn y LazyVerticalGrid |
CoordinatorLayout | Scaffold |
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.