Transiciones con elementos compartidos en Jetpack Compose [Guía Completa] 🔝
Vložit
- čas přidán 22. 05. 2024
- 🎁 Todo lo que necesitas saber para utilizar Jetpack Compose de forma efectiva desde hoy con esta masterclass GRATUITA 👉 compose.expert/masterclass?ut...
En Material siempre ha habido unas transiciones muy características que consisten en animar un elemento de una pantalla a otra durante la transición de navegación.
Hasta ahora esto era complejo de realizar, pero desde Compose 1.7.0-alpha07 ya es posible.
En este vídeo vemos los distintos tipos de transiciones que existen, y los aplicamos tanto a un ejemplo básico como a transiciones durante la navegación.
⭐ Te dejo aquí la guía oficial para los detalles: developer.android.com/develop...
📩 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/
![Navegación en Jetpack Compose con tipos seguros [Método oficial]](http://i.ytimg.com/vi/4xFpapw4PF0/mqdefault.jpg)
🎁 Todo lo que necesitas saber para utilizar Jetpack Compose de forma efectiva desde hoy con esta masterclass GRATUITA 👉 compose.expert/masterclass?
Mil gracias la verdad que de la manera que lo explicas, haces que parezca sencillo.
Muchas gracias!
Bua buenisimo video y super bien explicado. Un saludo desde Mexico
muchas gracias! saludos!
Buenísimo el video!!! Me re contra sirve para lo que estoy haciendo 🎉🎉
¡Muchas gracias!
Muy buen video y excelente explicación, pero Dios, poco a poco le tengo mas y mas animadversion a Compose 😅
¡Gracias! ¿jaja y eso? ¿lo ves complicado?
Muy buen video y explicacion de diez. Como te sale el código antes de escribir? A mi no me sale, jeje. Graciasss
Gracias! Es GitHub copilot. Aunque ahora puedes usar Gemini también
Excelente video, tengo una duda como sacas el historial del portapapeles en MAC?
Es una App llamada Paste
@@devexpert_io muchas gracias Antonio
Ojalá tenga la posibilidad de personalizar la transición con AnimationSpec
No he investigado esa parte, pero creo que el modifier tiene opciones
buenas, estaba tratando de reproducir los pasos para agregar esta animacion a mi proyecto pero no me toma el this@composable del animatedContentScope. Me esta faltando algo? ya agrege el SharedTransitionLayout{ arriba de todo. Tenes el github para ver el codigo? gracias saludos
No tengo el código lo siento, lo hice sobre un proyecto ya existente que tiene otras cosas, y no lo subí
@@devexpert_io creo que el problema fue que en el ultimo ejemplo que navega al Detail no estas mostrando cuando que haces con el AnimatedContent en este caso, que le pasas como target?
xd
?
con hero en flutter es mas facil xd, flutter para multiplataforma y kotlin para nativo y punto
Menudo reduccionismo, solo porque hacer un hero sea más fácil... De todas maneras, no me verás a mí defender KMP para hacer UI czcams.com/video/pw1AUMs6o8s/video.html
@@devexpert_io reducir el tiempo de diseño para dar más tiempo a la lógica, eso es lo que me gusta de flutter
Esa respuesta es un poco más completa, gracias 😄