@tryonit/react-native — Essayage virtuel pour React Native et Expo

@tryonit/react-native apporte TryOnIt aux applications mobiles : rouge à lèvres, filtres beauté, stickers, lunettes, chapeaux, boucles d'oreilles, montres, bagues et coloration des cheveux sur la caméra du téléphone. Il fonctionne dans Expo Go sans build natif personnalisé, ainsi que dans les builds de développement Expo et les applications React Native bare, et lit exactement les mêmes manifestes produits que les packages web.

Pour le livrer sans sacrifier la parité de comportement, j'exécute le moteur web dans react-native-webview. Un script de build intègre le cœur, le moteur et un pont de messages dans le package. La page tourne sur une origine locale sécurisée pour que la caméra soit autorisée, et MediaPipe et three.js se chargent à la demande depuis un CDN via une import map. L'application pilote la vue caméra grâce à un pont typé (props, API par ref et événements), et les produits sont validés avec @tryonit/core côté React Native avant d'atteindre la WebView.

Il fournit TryOnButton, TryOnView, TryOnModal et un hook useTryOn pour les interfaces sur mesure, renvoie les photos capturées en data URL prêtes pour <Image> ou le partage, met le suivi en pause quand l'application passe en arrière-plan, et inclut un config plugin Expo pour les permissions caméra. Un moteur entièrement natif basé sur VisionCamera, MediaPipe natif, Skia et Filament est prévu derrière la même API : les applications pourront migrer sans changer leur code.