Saltar al contenido

Paquete npm Open source

rn-onboarding-slides — Paquete de onboarding para React Native

Un paquete npm open source que añade una pantalla de onboarding animada y totalmente personalizable a cualquier app React Native o Expo.

Resumen

rn-onboarding-slides da a las apps React Native y Expo un flujo de onboarding listo para producción: diapositivas deslizables, puntos de paginación animados y un botón circular de siguiente que se transforma en un botón de empezar a lo ancho en la última diapositiva.

Las animaciones usan react-native-reanimated, así que se ejecutan en el hilo nativo de la interfaz a 60 fps. Colores, tamaños y la posición del botón y los puntos se configuran con la prop theme, y la prop renderItem sustituye por completo el diseño de las diapositivas si hace falta. El paquete está escrito en TypeScript y publicado en npm con licencia MIT.

Funciones clave

  • Puntos de paginación animados y transiciones de deslizamiento fluidas
  • Botón de siguiente que se transforma en botón de empezar en la última diapositiva
  • Animaciones a 60 fps en el hilo nativo con Reanimated
  • Prop theme para colores, tamaños y posiciones
  • Diapositivas personalizadas con renderItem y botón de saltar opcional
  • API totalmente tipada en TypeScript
  • Demo animada de rn-onboarding-slides: diapositivas deslizables, puntos de paginación y botón que se transforma

¿Tienes una app en mente?

Cuéntame qué estás construyendo. Respondo a cada consulta seria en un plazo de dos días laborables.