Skia
Motion
React Native
Gráficas animadas con Skia y Reanimated en Expo
Escrito por
Alexei Soliz
3 may 2025
Un experimento rápido creando gráficas animadas y fluidas con react-native-skia y reanimated, todo funcionando con un solo código para iOS, Android y Web.
“Es alucinante lo suave que puede ser crear una app multiplataforma con una sola base de código.”
Una pequeña prueba técnica con Expo, Skia y Reanimated. Fluidez total en iOS, Android y Web.
Gráficas animadas con Skia + Reanimated
Estuvimos probando cómo renderizar gráficos dinámicos y animaciones suaves con react-native-skia
y react-native-reanimated
, todo montado en Expo.
El resultado: una app ligera, visual y completamente cross-platform.
¿Qué usamos?
expo
para montar el entornoreact-native-skia
para renderizar gráficos y curvas animadasreanimated
para manejar transiciones y movimientos suavesInspiración y código base de @wcandillon
¿Por qué lo hicimos?
Porque nos gusta entender el stack moderno de React Native y explorar lo que es posible con una sola base de código para varias plataformas.
Esto abre puertas para dashboards móviles, visualizaciones de datos y UIs animadas con alto rendimiento.
Demo
📽️ Ver demo completa en el tweet original:
🔗 https://x.com/emprecario/status/1787866516869787775
Newsletter
¿Te ha gustado esta artículo? Suscríbete.
Recibe directamente en tu bandeja de entrada información sobre diseño, actualizaciones de proyectos y consejos para mejorar tu trabajo.
Puedes darte de baja en cualquier momento
Escrito por
Alexei Soliz
Actualizado
3 may 2025