Navegación en Jetpack Compose con tipos seguros [Método oficial]
Vložit
- čas přidán 12. 05. 2024
- 🎁 Todo lo que necesitas saber para utilizar Jetpack Compose de forma efectiva desde hoy en esta Masterclass gratuita 👉 compose.expert/masterclass?ut...
La navegación con la librería oficial en Jetpack Compose era un dolor… ¡hasta hoy!
La librería Navigation Compose 2.8.0 incluye una nueva forma de navegar que la hace mucho más sencilla.
Tan solo implementando objetos y clases serializables, podemos pasárselas como ruta de navegación a todas las funciones de la librería de Navigation Compose.
Estos tipos nos permiten añadir argumentos que serán mapeados de forma automática, pudiendo utilizarlos sin necesidad de declararlos.
Navegar en Compose se ha vuelto tan sencillo, que no te vas a creer lo que estás viendo 😍
Mira el vídeo y descubre el paso a paso para conseguirlo.
📩 No te pierdas ningún contenido exclusivo 👉 devexpert.io/newsletter
Únete a la Comunidad de DevExpert en Discord 👉 devexpert.io/comunidad
//////////////////////////////////////////////////////////////////////////////////////////
Si aún no te decides sobre si Kotlin es el lenguaje que deberías aprender, te animo a que te apuntes a mi masterclass gratuita donde te hablo sobre:
1️⃣ Hasta donde llega el ecosistema de Kotlin
2️⃣ Cómo desarrollar Apps Multiplatform
3️⃣ Te mostraré la ruta más fácil para aprender Kotlin y KMP
🎁 Apúntate aquí: devexpert.io/training-gratis/...
/////////////////////////////////////////////////////////////////////////////////////////////
➡➡ SÍGUENOS EN OTRAS REDES SOCIALES ⬅⬅
👉 Linkedin: www.linkedin.com/in/antoniolg
👉 Instagram: / devexpert.io
👉 Twitter: / devexpert_io
Únete a la Comunidad de DevExpert en Discord 👉 devexpert.io/comunidad
Si te ha gustado el vídeo de hoy apóyanos con un ❤ LIKE, deja un 💬 comentario/ duda y 🥇 SUSCRÍBETE si aún no lo has hecho! Nos vemos en el próximo vídeo!
DevExpert
💻 devexpert.io/
🎁 Todo lo que necesitas saber para utilizar Jetpack Compose de forma efectiva desde hoy en esta Masterclass gratuita 👉 compose.expert/masterclass?
La "magia" un peso menos de que preocuparse, siempre ha sido muy complicado e inclusive algo intimidante la navegación se agradece que la simplifiquen un poco.
Sin duda
Increible, por fin algo mas limpio y legible, gracias master por traerte esto!
Gracias a ti!
Muchas gracias por la información hasta el momento no me había complicado con la navegación en compose, pero esto lo hace más sencillo
Gracias! Me alegro de que te sea de ayuda
Gracias, por mantenernos al día
Un placer!
Se agradece un montón
A ti!
Buen dato, suscrito
Gracias!
Estaria genial que hicieras un video de como usar NavHost con inyeccion de depencias usando Koin o Hilt
Es muy sencillo. En unas semanas sacaremos uno con Koin
Muy buen contenido.
Gracias! 😊
Ya era hora que la mejoraran, las versiones anteriores era medio tediosa y por eso vengo usando Voyager hace tiempo que es super fácil de usar basado en clases, ahora con esta actualizacion ya vale la pena usarla y se tiene dos opciones de cual se quiere usar, aunque por ahora sigo con Voyager porque el manejo del stack es cómodo y aqui veo que aun le falta pulirse, por lo demás super interesante estas novedades
Saludos
Voyager sigue siendo más sencilla a mi parecer. Aunque al ser esta la oficial de Android seguramente se extienda más su uso
Yo lo solucione creando interface llamada route, tipo nodejs, donde hay un router clase que maneja routes, las hice interface ahi implemento como obtener lo argumentos en una clase. lo tedioso es implementar y crear la clase de parametros, a menos que haya una forma de obtener los args y ponerles el dato a la clase variable con tu tipo en clases genericas de parametros. si programaste nodejs apis, no te parece feo por que al hacerlo asi es parecido una package llamado navegacion con el router y routes.
Sí, algo parecido se hacía hasta ahora para hacerlo un poco más limpio
Podrías explicar como obtener la ruta del composable. Por ejemplo cuando hay que utilizar un navigationbar, se usa la ruta del composable(antes era un string), un icono, etc.
La navegación con la bottom navigation es igual que lo que se ve en este vídeo. Cada BottomNavigationItem tiene un “onClick” normal donde se usaría el navController de la misma forma.
buen video, intente replicar lo de los navtypes de tu otro video pero resulta confuso y me pierdo, por ahora seguire usando la forma antigua ya que con un video de hace mas de 1 año diseñaste una forma que resulta sencillo autogenerar las rutas
ok, al final es cuestión de gustos
Cambiaria la forma en que como se implementa un bottom navigation, ya que segun la documentación estos esperan un route string ademas de los icons y title que se crea en los objetos basicos para tener un bottom navigation item
¿Pero eso en Compose? En Compose los botones de navegación tienen un onclick y ya está
Muchas gracias Antonio, una pregunta, también está disponible en Compose Multiplatform?
Aún no, pero lo estará
para multiplataforma Voyager es el Rey
Hay gente que prefiere Decompose
@@devexpert_io Ya está en 2.8.0-beta01
Imaginé que en el I/O adelantarían alguna versión. Gracias!
saludos... funciona en kotlin multiplataforma...?
Sí acaban de pasar compose navigation a KMP
Pero tengo entendido que esto aún no está. Pero si no está, estará en un futuro cercano.
Muy buen video. Trate de implantarlo pero cuando pruebo en Debug mi aplicativo se vuelve lento, alguien sabría el porqué?.
Pero concretamente al aplicar esto? Es raro... En cualquier caso, en debug es normal que vaya peor que en release.
Revisa los skippables, a veces es mejor implementarlo de otra manera