Aller au contenu

Package npm Open source

rn-onboarding-slides — Package d'onboarding React Native

Un package npm open source qui ajoute un écran d'onboarding animé et entièrement personnalisable à n'importe quelle application React Native ou Expo.

Présentation

rn-onboarding-slides offre aux applications React Native et Expo un parcours d'onboarding prêt pour la production : slides à balayer, points de pagination animés et bouton suivant circulaire qui se transforme en bouton de démarrage pleine largeur sur la dernière slide.

Les animations reposent sur react-native-reanimated et tournent donc sur le thread UI natif à 60 fps. Couleurs, tailles et position du bouton et des points se règlent via une prop theme, et une prop renderItem remplace entièrement la mise en page des slides si le design l'exige. Le package est écrit en TypeScript et publié sur npm sous licence MIT.

Fonctionnalités clés

  • Points de pagination animés et transitions de balayage fluides
  • Bouton suivant qui se transforme en bouton de démarrage sur la dernière slide
  • Animations à 60 fps sur le thread natif avec Reanimated
  • Prop theme pour les couleurs, tailles et positions
  • Slides personnalisées avec renderItem et bouton « passer » optionnel
  • API entièrement typée en TypeScript
  • Démo animée de rn-onboarding-slides : slides à balayer, points de pagination et bouton suivant qui se transforme

Vous avez une app en tête ?

Parlez-moi de votre projet. Je réponds à chaque demande sérieuse sous deux jours ouvrés.