Aller au contenu principal

🔌 Intégration React Native

Après l'installation du SDK et l'ajout de la ligne Gradle Android, intégrez le SDK dans votre application.

1. Envelopper l'app avec AzeooProvider​

Utilisez AzeooProvider à la racine (ou au-dessus de tout écran qui utilise le SDK). Il gère l'initialisation et la connexion.

import { AzeooProvider } from 'react-native-azeoo-lib';

<AzeooProvider
  apiKey={API_KEY}
  userId={userId}           // e.g. from auth state
  authToken={authToken}     // e.g. JWT
  config={{
    locale: 'en',
    analyticsEnabled: true,
    offlineEnabled: true,
  }}
  theme={{ isDarkMode: false, colors: { primary: '#007AFF' } }}
  autoInitialize={true}
  autoConnect={true}
  onInitialized={() => {}}
  onConnected={(profile) => {}}
  onError={(error) => console.error(error)}
>
  <App />
</AzeooProvider>

2. Utiliser les vues natives​

Importez les vues depuis react-native-azeoo-lib :

import { NutritionView, TrainingView } from 'react-native-azeoo-lib';

// In your screen or tab
<NutritionView
  bottomSafeArea={false}
  style={{ flex: 1 }}
  onLoad={() => {}}
  onError={(err) => console.error(err)}
/>

<TrainingView
  bottomSafeArea={false}
  style={{ flex: 1 }}
  onLoad={() => {}}
  onError={(err) => console.error(err)}
/>

3. Optionnel : utiliser après connexion​

Si l'utilisateur n'est pas connecté au démarrage, passez userId et authToken uniquement après la connexion (ex. depuis l'état). Avec autoConnect={true}, le SDK se connectera lorsque ces props seront définies.

Étapes suivantes​